:root{--app-bg: #040616;--surface: rgba(10, 16, 40, .78);--surface-muted: rgba(255, 255, 255, .04);--surface-strong: rgba(7, 11, 29, .92);--border: rgba(255, 255, 255, .08);--border-strong: rgba(59, 130, 246, .22);--shadow: 0 30px 100px rgba(2, 6, 23, .55);--radius: 28px;--radius-sm: 22px;--accent: #3b82f6;--accent-2: #06b6d4;--text-main: #f8fafc;--text-muted: #94a3b8;--accent-hover: #2563eb;--accent-active: #1d4ed8;--accent-subtle: rgba(59, 130, 246, .12);--accent-2-hover: #0891b2;--success: #10b981;--success-subtle: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-subtle: rgba(245, 158, 11, .12);--error: #ef4444;--error-subtle: rgba(239, 68, 68, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--text-xs: .6875rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--shadow-sm: 0 1px 3px rgba(2, 6, 23, .3);--shadow-md: 0 8px 24px rgba(2, 6, 23, .4);--shadow-lg: 0 20px 60px rgba(2, 6, 23, .5);--shadow-xl: 0 32px 100px rgba(2, 6, 23, .6);--shadow-glow: 0 0 40px rgba(59, 130, 246, .25);--shadow-glow-strong: 0 0 60px rgba(59, 130, 246, .4);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-sine: cubic-bezier(.37, 0, .63, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-entrance: .6s;--duration-stagger: 80ms;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-2xl: 32px;--radius-full: 9999px}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;color:var(--text-main);background:radial-gradient(circle at 12% 14%,rgba(59,130,246,.14),transparent 28%),radial-gradient(circle at 88% 16%,rgba(6,182,212,.12),transparent 24%),linear-gradient(180deg,#040616,#02040f)}*{box-sizing:border-box}::selection{background:#3b82f659;color:#fff}.font-display{font-family:Sora,sans-serif}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.ui-card-muted{background:var(--surface-muted)}.ui-card-header{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border-bottom:1px solid var(--border)}.ui-backdrop{background:#020617b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ui-focus:focus{outline:none;border-color:#3b82f673;box-shadow:0 0 0 3px #3b82f629}input,select,textarea{color-scheme:dark}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.noise-overlay{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 80%);mask-image:radial-gradient(circle at center,black,transparent 80%)}.button-glow{position:relative;overflow:hidden}.button-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-115%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transition:transform .7s ease}.button-glow:hover:after{transform:translate(115%)}.hero-grid{position:relative}.hero-grid:before{content:"";position:absolute;left:3%;right:3%;top:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.hero-float{animation:heroFloat 9s ease-in-out infinite}.aurora-orb{animation:pulseDrift 12s ease-in-out infinite}.aurora-orb.alt{animation-delay:-4s}.hero-beam{animation:beamPulse 7s ease-in-out infinite}.marquee-shell{position:relative}.marquee-shell:before,.marquee-shell:after{content:"";position:absolute;top:0;bottom:0;width:88px;z-index:1}.marquee-shell:before{left:0;background:linear-gradient(90deg,#040616,#04061600)}.marquee-shell:after{right:0;background:linear-gradient(270deg,#040616,#04061600)}.marquee-track{display:flex;width:max-content;white-space:nowrap;animation:marqueeMove 34s linear infinite}.reveal{opacity:0;transition:opacity .56s ease,transform .56s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.reveal-up{transform:translate3d(0,24px,0)}.reveal-left{transform:translate3d(-22px,0,0)}.reveal-right{transform:translate3d(22px,0,0)}.reveal-zoom{transform:scale(.96)}.reveal.is-visible{opacity:1;transform:translateZ(0) scale(1)}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseDrift{0%,to{transform:scale(1) translateZ(0);opacity:.8}50%{transform:scale(1.08) translate3d(10px,-6px,0);opacity:1}}@keyframes beamPulse{0%,to{opacity:.62;transform:scaleX(.94)}50%{opacity:1;transform:scaleX(1.02)}}@keyframes marqueeMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.8s ease infinite;border-radius:var(--radius-md)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-enter{animation:slideInRight .3s var(--ease-out) forwards}.toast-exit{animation:slideOutRight .2s ease-in forwards}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 2px var(--app-bg),0 0 0 4px #3b82f680}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.loading-pulse{animation:pulse-subtle 1.5s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animated-gradient-bg{background:linear-gradient(135deg,#3b82f61f,#06b6d414,#3b82f60f,#06b6d41f);background-size:300% 300%;animation:gradientShift 15s var(--ease-in-out-sine) infinite}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:.55}}@keyframes fadeSlideUp{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate3d(-16px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes beamSweep{0%{transform:translate(-100%) rotate(var(--beam-angle, -45deg))}to{transform:translate(300%) rotate(var(--beam-angle, -45deg))}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #3b82f61f}50%{box-shadow:0 0 40px #3b82f64d}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotateBorder{0%{--angle: 0deg}to{--angle: 360deg}}@keyframes badgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(8px)}}@keyframes backdropIn{0%{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);opacity:0}to{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1}}@keyframes progressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes scaleYIn{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes underlineIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.dot-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.dot-grid.animated{animation:dotPulse 8s var(--ease-in-out-sine) infinite}.gradient-text{background:linear-gradient(135deg,#3b82f6,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card-3d{perspective:1200px}.card-tilt{transform:rotateX(2deg) rotateY(-1deg);transition:transform .5s var(--ease-out);transform-style:preserve-3d}.card-tilt:hover{transform:rotateX(0) rotateY(0)}.border-glow{animation:glowPulse 3s var(--ease-in-out-sine) infinite}.stagger-container.is-visible .stagger-item{animation:fadeSlideUp var(--duration-entrance) var(--ease-out-expo) forwards;animation-delay:calc(var(--stagger-index, 0) * var(--duration-stagger))}.stagger-item{opacity:0}.shake-error{animation:shake .4s ease}.press-scale:active{transform:scale(.98)}.nav-link-underline{position:relative}.nav-link-underline:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1.5px;background:linear-gradient(90deg,#3b82f6,#06b6d4);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease-out)}.nav-link-underline:hover:after{transform:scaleX(1)}.rotating-border{position:relative;border:none}.rotating-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--angle, 0deg),transparent 40%,rgba(59,130,246,.4),rgba(6,182,212,.3),transparent 60%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:rotateBorder 6s linear infinite;pointer-events:none}.tab-indicator{left:.25rem;right:auto;width:calc(50% - .25rem);max-width:calc(50% - .25rem);transition:transform .3s var(--ease-spring)}.badge-pulse{animation:badgePulse 2s var(--ease-in-out-sine) infinite}.header-scrolled{background-color:#040714eb!important;border-color:#ffffff1a!important}@media(prefers-reduced-motion:reduce){.hero-float,.aurora-orb,.hero-beam,.marquee-track{animation:none}.reveal,.reveal.is-visible{transition:none;transform:none;opacity:1}.animated-gradient-bg,.dot-grid.animated{animation:none}.stagger-item,.stagger-container.is-visible .stagger-item{opacity:1;animation:none;transform:none}.card-tilt,.card-tilt:hover{transform:none}.border-glow{animation:none}.rotating-border:before{animation:none}.shake-error,.badge-pulse{animation:none}.nav-link-underline:after{transition:none}.tab-indicator{transition:none}}