:root{color-scheme:dark;--bg-base: #07111f;--bg-elevated: rgba(15, 23, 42, .72);--bg-card: rgba(15, 23, 42, .55);--bg-glass: rgba(15, 23, 42, .45);--border-soft: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .14);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-sky: #38bdf8;--accent-cyan: #22d3ee;--accent-amber: #fbbf24;--accent-indigo: #818cf8;--accent-purple: #a78bfa;--accent-emerald: #34d399;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 9999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--shadow-card: 0 4px 24px -8px rgba(0, 0, 0, .4);--shadow-glow-sky: 0 0 40px -12px rgba(56, 189, 248, .4);--shadow-glow-amber: 0 0 40px -12px rgba(251, 191, 36, .3);--shadow-glow-indigo: 0 0 40px -12px rgba(129, 140, 248, .35)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{background:var(--bg-base)}body{min-height:100%;color:var(--text-primary);font-family:Manrope,Inter,system-ui,sans-serif;background:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(56,189,248,.12),transparent),radial-gradient(ellipse 60% 40% at 80% 10%,rgba(251,191,36,.08),transparent),radial-gradient(ellipse 50% 60% at 50% 100%,rgba(129,140,248,.06),transparent),linear-gradient(160deg,#07111f,#0f172a 48%,#111827);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 30% 0%,black,transparent 72%);mask-image:radial-gradient(ellipse 80% 60% at 30% 0%,black,transparent 72%)}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Manrope,sans-serif;letter-spacing:-.03em}button,input,select,textarea{font:inherit}::selection{background:#38bdf859;color:#f8fafc}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:#94a3b866}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:var(--radius-pill)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out-expo)}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out-expo)}.animate-fade-in-down{animation:fadeInDown var(--duration-normal) var(--ease-out-expo)}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.glass-card{background:#0f172a8c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl)}.glass-card-hover:hover{border-color:#ffffff24;background:#0f172aa6;box-shadow:var(--shadow-card)}.glow-border-sky{box-shadow:0 0 0 1px #38bdf833,var(--shadow-glow-sky)}.glow-border-amber{box-shadow:0 0 0 1px #fbbf2433,var(--shadow-glow-amber)}.glow-border-indigo{box-shadow:0 0 0 1px #818cf833,var(--shadow-glow-indigo)}.gradient-text-sky{background:linear-gradient(135deg,#38bdf8,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-amber{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-pro{background:linear-gradient(135deg,#fbbf24,#f97316,#38bdf8);background-size:200% 200%;animation:gradientShift 3s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.banner-image{position:relative;overflow:hidden;border-radius:var(--radius-2xl)}.banner-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(7,17,31,.95) 0%,rgba(7,17,31,.4) 50%,transparent 100%);pointer-events:none}.banner-image img{width:100%;height:100%;object-fit:cover}.grab-handle{width:40px;height:4px;border-radius:var(--radius-pill);background:#94a3b84d;margin:8px auto}input:focus,select:focus,textarea:focus{outline:none;border-color:#38bdf866!important;box-shadow:0 0 0 3px #38bdf81a}.btn-lift{transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) ease}.btn-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px -8px #00000080}.btn-lift:active{transform:translateY(0)}.progress-bar{height:3px;border-radius:var(--radius-pill);background:#ffffff0f;overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent-sky),var(--accent-indigo));transition:width var(--duration-slow) var(--ease-out-expo)}@media(max-width:768px){.mobile-safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}}