/* ====== تنسيقات الصفحة الأساسية ====== */
    html, body {
      margin: 0;
      padding: 0;
      height: 100%;
      width: 100%;
      font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
      background: linear-gradient(to bottom, #ffffff, #dbeafe); /* من الأبيض إلى الأزرق الفاتح */
      display: flex;
      align-items: center;
      justify-content: center;
    }

    /* ====== الشعار ====== */
    img.logo {
      width: 9rem;   /* تعادل w-36 */
      height: auto;
      animation: float 3s ease-in-out infinite;
    }

    /* قياسات تكيفية حسب الشاشات */
    @media (min-width: 640px) { /* sm */
      img.logo { width: 10rem; } /* w-40 */
    }
    @media (min-width: 768px) { /* md */
      img.logo { width: 12rem; } /* w-48 */
    }
    @media (min-width: 1024px) { /* lg */
      img.logo { width: 14rem; } /* w-56 */
    }
    @media (min-width: 1280px) { /* xl */
      img.logo { width: 16rem; } /* w-64 */
    }

    /* ====== الأنيميشن ====== */
    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-15px); }
    }