.loader {
      position: relative;
      width: 120px;
      height: 120px;
    }

    .device-morph {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
      border-style: solid;
      background: #000;
      animation: deviceMorphMain 6s infinite ease-in-out;
    }

    /* تحسين التحولات الرئيسية */
    @keyframes deviceMorphMain {
      0% {
        width: 80px;
        height: 60px;
        border-radius: 5px;
        border-width: 3px;
        border-color: #471133;
      }
      25% {
        width: 40px;
        height: 70px;
        border-radius: 10px;
        border-width: 3px;
        border-color: #ff6b6b;
      }
      50% {
        width: 60px;
        height: 80px;
        border-radius: 12px;
        border-width: 3px;
        border-color: #4ecdc4;
      }
      75% {
        width: 50px;
        height: 50px;
        border-radius: 10%;
        border-width: 3px;
        border-color: #ffe66d;
      }
      100% {
        width: 80px;
        height: 60px;
        border-radius: 5px;
        border-width: 3px;
        border-color: #471133;
      }
    }

    /* تفاصيل إضافية */
    .device-extra {
      position: absolute;
      background: currentColor;
    }

    /* العنصر الأول: تفاصيل إضافية */
    .device-extra.first {
      animation: deviceExtraFirst 6s infinite ease-in-out;
    }

    /* العنصر الثاني: تفاصيل إضافية */
    .device-extra.second {
      animation: deviceExtraSecond 6s infinite ease-in-out;
    }

    @keyframes deviceExtraFirst {
      0% {
        /* كمبيوتر: قاعدة الجهاز */
        width: 40px;
        height: 10px;
        background: #471133;
        bottom: -12px;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 2px;
        opacity: 1;
      }
      25% {
        /* هاتف: السماعة العلوية */
        width: 20px;
        height: 3px;
        background: #ff6b6b;
        top: 5px;
        bottom: auto;
        /*right: 0%;
        left: 3%;*/
        transform: translateX(-50%);
        border-radius: 2px;
        opacity: 1;
      }
      50% {
        /* جهاز لوحي: زر جانبي */
        width: 3px;
        height: 20px;
        background: #4ecdc4;
        right: -6px;
        top: 20px;
        bottom: auto;
        transform: none;
        border-radius: 2px;
        opacity: 1;
      }
      75% {
        /* ساعة ذكية: الحزام الأيمن */
        width: 30px;
        height: 30px;
        background: #ffe66d;
        right: -30px;
        left: auto;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 3px;
        opacity: 1;
      }
      100% {
        /* العودة إلى الكمبيوتر */
        width: 40px;
        height: 10px;
        background: #471133;
        bottom: -12px;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 2px;
        opacity: 1;
      }
    }

    @keyframes deviceExtraSecond {
      0% {
        /* كمبيوتر: كاميرا الويب */
        width: 4px;
        height: 4px;
        background: #471133;
        top: 5px;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
        opacity: 1;
      }
      25% {
        /* هاتف: زر الصفحة الرئيسية */
        width: 12px;
        height: 12px;
        background: #ff6b6b;
        bottom: 5px;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
        opacity: 1;
      }
      50% {
        /* جهاز لوحي: إخفاء العنصر */
        width: 0;
        height: 0;
        opacity: 0;
      }
      75% {
        /* ساعة ذكية: الحزام الأيسر */
        width: 30px;
        height: 30px;
        background: #ffe66d;
        left: -30px;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 3px;
        opacity: 1;
      }
      100% {
        /* العودة إلى الكمبيوتر: كاميرا الويب */
        width: 4px;
        height: 4px;
        background: #471133;
        top: 5px;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
        opacity: 1;
      }
    }


    /* تحسينات للشاشات الصغيرة */
    @media (max-width: 768px) {
      .loader {
        width: 90px;
        height: 90px;
      }
    }
    
      .main-content {
              background: linear-gradient(0deg, #140921 0%, #471133 100%);
      display: none;
    }
    
    .loader-main{
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      background: linear-gradient(135deg, #1a1a1a, #471133);
      overflow: hidden;
    }
        .console-container {
    font-family: 'Cairo', sans-serif;
 font-size: 1.2em;
 text-align:center;
 height:200px;
 /* width:600px; */
 /* display:block; */
 position:absolute;
 color:white;
 top: 10;
 bottom:0;
 left:0;
 right:0;
 /* margin:auto; */
}
.console-underscore {
  display:inline-block;
 position:relative;
 top:-0.14em;
 left:10px;
}