:root{--bg-void:#05070a;--bg-surface:#0d1210;--bg-surface-raised:#131a16;--bg-surface-hover:#1a231d;--border-subtle:#1e2b22;--border-strong:#2c3d31;--text-primary:#f2f7f3;--text-secondary:#9bafa3;--text-muted:#5e7268;--accent-green:#22c55e;--accent-green-bright:#4ade80;--accent-green-deep:#16a34a;--accent-lime:#a3e635;--accent-amber:#fbbf24;--accent-rose:#f87171;--gradient-signal:linear-gradient(135deg, #16a34a 0%, #4ade80 100%);--gradient-glow:radial-gradient(circle, #22c55e59 0%, #22c55e00 70%);--font-display:"IBM Plex Sans Arabic", sans-serif;--font-body:"IBM Plex Sans Arabic", sans-serif;--font-mono:"Space Grotesk", sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--shadow-glow:0 0 50px #22c55e4d;--shadow-glow-strong:0 0 90px #22c55e73;--shadow-card:0 8px 30px #0000008c;--glass-bg:#131a1699;--glass-border:#22c55e2e;--glass-blur:blur(18px)}*{box-sizing:border-box}html,body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;margin:0;padding:0}body{background-image:radial-gradient(1000px 560px at 12% -8%,#22c55e2e,#0000),radial-gradient(800px 560px at 100% 8%,#a3e63517,#0000),radial-gradient(700px 500px at 50% 110%,#16a34a1f,#0000);background-attachment:fixed;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}input,textarea,select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:inherit}select{background-color:var(--bg-surface-raised,#131a16);color:var(--text-primary,#f2f7f3)}select option{color:#f2f7f3!important;background-color:#131a16!important}::selection{background:var(--accent-green);color:#05070a}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-green)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glow-strong{box-shadow:var(--shadow-glow-strong)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #22c55e73}50%{box-shadow:0 0 0 10px #22c55e00}}@keyframes waveform{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeUp{animation:.6s cubic-bezier(.22,1,.36,1) both fadeUp}.animate-fadeIn{animation:.5s both fadeIn}.animate-scaleIn{animation:.5s cubic-bezier(.34,1.56,.64,1) both scaleIn}.animate-float{animation:4s ease-in-out infinite floatY}.btn{cursor:pointer;border-radius:var(--radius-pill);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),background-color .25s,border-color .25s,filter .25s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#fff0 0%,#ffffff3d 50%,#fff0 100%);width:50%;height:200%;transition:opacity .2s;position:absolute;top:-50%;left:-75%;transform:rotate(25deg)}.btn:hover:not(:disabled):after{opacity:1;animation:.85s cubic-bezier(.16,1,.3,1) forwards btnSheenSweep}@keyframes btnSheenSweep{0%{left:-75%}to{left:140%}}.btn:active:not(:disabled){transform:translateY(1px)scale(.97)!important}.btn-primary{background:var(--gradient-signal);color:#05070a;box-shadow:0 6px 20px -4px #22c55e73,inset 0 1px #fff3}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-3px)scale(1.02);box-shadow:0 14px 32px -4px #22c55ea6,0 0 20px -2px #22c55e66,inset 0 1px #ffffff4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none!important}.btn-ghost{background:color-mix(in srgb, var(--bg-surface-raised) 65%, transparent);color:var(--text-primary);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover:not(:disabled){border-color:var(--accent-green-bright);background:color-mix(in srgb, var(--accent-green) 14%, var(--bg-surface-hover));color:#fff;transform:translateY(-2px)scale(1.01);box-shadow:0 8px 25px -6px #22c55e59,0 0 12px -2px #22c55e33}.btn-ghost:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-lg{border-radius:16px;width:100%;padding:16px 32px;font-size:16px}.btn-sm{padding:8px 18px;font-size:13px}.btn-danger{color:var(--accent-rose);background:#f871711a;border:1px solid #f8717159}.btn-danger:hover:not(:disabled){background:#f8717138;border-color:#f87171b3;transform:translateY(-2px)scale(1.01);box-shadow:0 8px 24px -4px #f8717173}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ui-card{transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s cubic-bezier(.16,1,.3,1)}.ui-card:hover{border-color:#4ade8073;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff0f,0 24px 50px -18px #000000d9,0 0 35px -8px #22c55e47}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:#22c55e73!important}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-green-bright)!important;box-shadow:0 0 0 3px #22c55e33!important}.hover-lift{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 30px -8px #0009}.hover-glow{transition:box-shadow .25s,border-color .25s}.hover-glow:hover{border-color:#4ade8080!important;box-shadow:0 0 24px -2px #22c55e66!important}.hover-scale{transition:transform .25s cubic-bezier(.16,1,.3,1)}.hover-scale:hover{transform:scale(1.04)}.page-fade-transition{animation:.35s cubic-bezier(.16,1,.3,1) both pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stagger>*{animation:.5s cubic-bezier(.22,1,.36,1) backwards staggerIn}.stagger>:first-child{animation-delay:20ms}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.14s}.stagger>:nth-child(5){animation-delay:.18s}.stagger>:nth-child(6){animation-delay:.22s}@keyframes staggerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spin-icon{animation:1.1s linear infinite spinIcon}@keyframes spinIcon{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
