@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9da48a48bf6500f8-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9efac92d680e57b6-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1323037a3e4ea9e8-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/17efc7caebbb6a73-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4efb0298547fad0-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3d28d0a4af5320e-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b096b166d47a2e73-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/79d9077e4fd7eddc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/fb66eb17bf011c3b-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/3abc2a74bccacda0-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/20e170e88a69dd27-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/99dc19e540dbb87b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic Fallback;src:local("Arial");ascent-override:107.25%;descent-override:41.02%;line-gap-override:0.00%;size-adjust:101.17%}.__className_dbbfb3{font-family:IBM Plex Sans Arabic,IBM Plex Sans Arabic Fallback;font-style:normal}.__variable_dbbfb3{--font-ibm-plex-arabic:"IBM Plex Sans Arabic","IBM Plex Sans Arabic Fallback"}

/* ==========================================================================
   PERFORMANCE-OPTIMIZED DUAL-THEME V3 - NO JITTER, FULL LAYOUT PRESERVATION
   ========================================================================== */

/* 1. GLOBAL */
html {
  scroll-behavior: smooth !important;
}

/* ---------- DARK MODE ---------- */
html:not(.light-mode) body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  background-color: #030712 !important;
  color: #e5e7eb !important;
  overflow-x: hidden !important;
}

/* Static background blobs - NO animation to save GPU */
html:not(.light-mode) body::before,
html:not(.light-mode) body::after {
  content: "" !important;
  position: fixed !important;
  width: 500px !important;
  height: 500px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: -100 !important;
  opacity: 0.04 !important;
  filter: blur(180px) !important;
  mix-blend-mode: screen !important;
  will-change: auto !important;
  animation: none !important;
}
html:not(.light-mode) body::before {
  background: radial-gradient(circle, #38bdf8, #1d4ed8) !important;
  top: -150px !important;
  left: -150px !important;
}
html:not(.light-mode) body::after {
  background: radial-gradient(circle, #c084fc, #701a75) !important;
  bottom: -150px !important;
  right: -150px !important;
}

/* Scrollbar dark */
html:not(.light-mode) ::-webkit-scrollbar { width: 6px !important; height: 6px !important; }
html:not(.light-mode) ::-webkit-scrollbar-track { background: #030712 !important; }
html:not(.light-mode) ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.06) !important; border-radius: 9999px !important; }
html:not(.light-mode) ::-webkit-scrollbar-thumb:hover { background: rgba(56,189,248,0.3) !important; }

/* Glass cards - ONLY explicit .glass-card class, NOT wildcard [class*="card"] */
html:not(.light-mode) .glass-card,
html:not(.light-mode) .bg-white\/\[0\.02\],
html:not(.light-mode) .bg-white\/\[0\.03\],
html:not(.light-mode) .bg-white\/\[0\.04\],
html:not(.light-mode) .cta-gradient {
  background: rgba(255,255,255,0.012) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
  border-radius: 16px !important;
}

html:not(.light-mode) .glass-card:hover,
html:not(.light-mode) .bg-white\/\[0\.02\]:hover,
html:not(.light-mode) .bg-white\/\[0\.03\]:hover,
html:not(.light-mode) .bg-white\/\[0\.04\]:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(56,189,248,0.2) !important;
  box-shadow: 0 16px 32px rgba(0,0,0,0.45), 0 0 12px rgba(56,189,248,0.06) !important;
}

/* Gradient text dark */
html:not(.light-mode) .gradient-text {
  background: linear-gradient(135deg, #38bdf8 0%, #3b82f6 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 700 !important;
}

/* Buttons dark - NO infinite animation */
html:not(.light-mode) .btn-primary {
  background: linear-gradient(135deg, #0284c7 0%, #2563eb 100%) !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(37,99,235,0.2) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
}
html:not(.light-mode) .btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(37,99,235,0.4) !important;
}

html:not(.light-mode) .btn-ghost {
  background: rgba(255,255,255,0.02) !important;
  color: #d1d5db !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  border-radius: 12px !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}
html:not(.light-mode) .btn-ghost:hover {
  background: rgba(255,255,255,0.05) !important;
  border-color: rgba(56,189,248,0.15) !important;
  color: #38bdf8 !important;
}

/* Inputs dark */
html:not(.light-mode) input[type="text"],
html:not(.light-mode) input[type="email"],
html:not(.light-mode) input[type="password"],
html:not(.light-mode) input[type="number"],
html:not(.light-mode) input[type="tel"],
html:not(.light-mode) textarea,
html:not(.light-mode) select {
  background: rgba(255,255,255,0.015) !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
  color: #f3f4f6 !important;
  border-radius: 12px !important;
}
html:not(.light-mode) input:focus,
html:not(.light-mode) textarea:focus,
html:not(.light-mode) select:focus {
  border-color: rgba(56,189,248,0.4) !important;
  box-shadow: 0 0 12px rgba(56,189,248,0.1) !important;
  outline: none !important;
}

/* Nav dark */
html:not(.light-mode) nav {
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  background: rgba(3,7,18,0.8) !important;
}

/* Tables dark */
html:not(.light-mode) td,
html:not(.light-mode) th {
  border-bottom: 1px solid rgba(255,255,255,0.03) !important;
}


/* ---------- LIGHT MODE ---------- */
html.light-mode body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  background-color: #f8fafc !important;
  color: #1e293b !important;
  overflow-x: hidden !important;
}

/* Static blobs light - NO animation */
html.light-mode body::before,
html.light-mode body::after {
  content: "" !important;
  position: fixed !important;
  width: 500px !important;
  height: 500px !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: -100 !important;
  opacity: 0.025 !important;
  filter: blur(160px) !important;
  mix-blend-mode: multiply !important;
  will-change: auto !important;
  animation: none !important;
}
html.light-mode body::before {
  background: radial-gradient(circle, #fcd34d, #f59e0b) !important;
  top: -150px !important;
  left: -150px !important;
}
html.light-mode body::after {
  background: radial-gradient(circle, #c084fc, #818cf8) !important;
  bottom: -150px !important;
  right: -150px !important;
}

/* Scrollbar light */
html.light-mode ::-webkit-scrollbar { width: 6px !important; height: 6px !important; }
html.light-mode ::-webkit-scrollbar-track { background: #f8fafc !important; }
html.light-mode ::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.08) !important; border-radius: 9999px !important; }
html.light-mode ::-webkit-scrollbar-thumb:hover { background: rgba(2,132,199,0.3) !important; }

/* Glass cards light - ONLY explicit classes */
html.light-mode .glass-card,
html.light-mode .bg-white\/\[0\.02\],
html.light-mode .bg-white\/\[0\.03\],
html.light-mode .bg-white\/\[0\.04\],
html.light-mode .cta-gradient {
  background: rgba(255,255,255,0.7) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(0,0,0,0.05) !important;
  box-shadow: 0 8px 24px rgba(15,23,42,0.04) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
  border-radius: 16px !important;
}
html.light-mode .glass-card:hover,
html.light-mode .bg-white\/\[0\.02\]:hover,
html.light-mode .bg-white\/\[0\.03\]:hover,
html.light-mode .bg-white\/\[0\.04\]:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(2,132,199,0.3) !important;
  box-shadow: 0 16px 32px rgba(15,23,42,0.07) !important;
}

/* Gradient text light */
html.light-mode .gradient-text {
  background: linear-gradient(135deg, #0284c7 0%, #1e3a8a 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 700 !important;
}

/* Buttons light */
html.light-mode .btn-primary {
  background: linear-gradient(135deg, #0284c7 0%, #1d4ed8 100%) !important;
  color: #fff !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 15px rgba(2,132,199,0.15) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
}
html.light-mode .btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(2,132,199,0.3) !important;
}

html.light-mode .btn-ghost {
  background: rgba(0,0,0,0.02) !important;
  color: #334155 !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  border-radius: 12px !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}
html.light-mode .btn-ghost:hover {
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(2,132,199,0.2) !important;
  color: #0284c7 !important;
}

/* Inputs light */
html.light-mode input[type="text"],
html.light-mode input[type="email"],
html.light-mode input[type="password"],
html.light-mode input[type="number"],
html.light-mode input[type="tel"],
html.light-mode textarea,
html.light-mode select {
  background: rgba(255,255,255,0.9) !important;
  border: 1px solid rgba(0,0,0,0.1) !important;
  color: #0f172a !important;
  border-radius: 12px !important;
}
html.light-mode input:focus,
html.light-mode textarea:focus,
html.light-mode select:focus {
  border-color: rgba(2,132,199,0.5) !important;
  box-shadow: 0 0 10px rgba(2,132,199,0.12) !important;
  outline: none !important;
}

/* Nav light */
html.light-mode nav {
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  background: rgba(248,250,252,0.8) !important;
}

/* Tables light */
html.light-mode td,
html.light-mode th {
  border-bottom: 1px solid rgba(0,0,0,0.04) !important;
  color: #334155 !important;
}


/* ---------- COMMON ELEMENTS ---------- */
/* Status indicators - simple glow, no animation */
span.bg-green-400 {
  box-shadow: 0 0 8px rgba(74,222,128,0.3) !important;
}

h1, h2, h3, .font-bold {
  letter-spacing: -0.02em !important;
}