*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--orb-teal:#2dd4bf;--orb-cyan:#67e8f9;--orb-blue:#38bdf8;--warm-amber:#f59e0b;--warm-gold:#fbbf24;--slate-400:#94a3b8;--bg-primary:#0b1120;--bg-secondary:#111827;--bg-surface:#1e293b;--bg-surface-hover:#334155;--bg-glass:rgba(30,41,59,.6);--bg-elevated:rgba(45,212,191,.04);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0b1120;--accent-primary:#2dd4bf;--accent-primary-glow:rgba(45,212,191,.2);--accent-secondary:#38bdf8;--accent-secondary-glow:rgba(56,189,248,.15);--accent-highlight:#67e8f9;--accent-highlight-glow:rgba(103,232,249,.12);--accent-warm:#f59e0b;--accent-warm-glow:rgba(245,158,11,.2);--accent-grape:#334155;--accent-success:#34d399;--accent-success-glow:rgba(52,211,153,.2);--accent-danger:#f87171;--accent-danger-glow:hsla(0,91%,71%,.2);--accent-amber:#fbbf24;--accent-amber-glow:rgba(251,191,36,.2);--gradient-primary:linear-gradient(135deg,var(--orb-teal),var(--orb-blue));--gradient-warm:linear-gradient(135deg,var(--warm-amber),var(--warm-gold));--gradient-cool:linear-gradient(135deg,var(--orb-cyan),var(--orb-teal));--gradient-surface:linear-gradient(145deg,var(--bg-secondary),var(--bg-surface));--gradient-hero:linear-gradient(160deg,#0f2027,#0b1120,#0a0f1a);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 2px 12px rgba(0,0,0,.3);--shadow-md:0 4px 24px rgba(0,0,0,.35);--shadow-lg:0 12px 48px rgba(0,0,0,.4);--shadow-glow-primary:0 0 30px var(--accent-primary-glow);--shadow-glow-secondary:0 0 30px var(--accent-secondary-glow);--shadow-glow-highlight:0 0 40px var(--accent-highlight-glow);--font-display:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.4,0,.2,1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-glacial:.8s}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-weight:400;letter-spacing:.01em;line-height:1.65;min-height:100vh;overflow-x:hidden}body:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px;inset:0;opacity:.025;z-index:9999}body:after,body:before{content:"";pointer-events:none;position:fixed}body:before{animation:ambient-drift 20s ease-in-out infinite alternate;backface-visibility:hidden;background:radial-gradient(ellipse at 25% 15%,var(--accent-primary-glow) 0,transparent 55%),radial-gradient(ellipse at 75% 75%,var(--accent-secondary-glow) 0,transparent 55%),radial-gradient(ellipse at 50% 50%,var(--accent-highlight-glow) 0,transparent 70%);contain:strict;height:200%;left:-50%;opacity:.5;top:-50%;width:200%;will-change:transform;z-index:0}@keyframes ambient-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-2%,3%) scale(1.05)}}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:2.75rem}h2{font-size:2rem}h3{font-size:1.35rem}a{color:var(--accent-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--orb-cyan)}.glass-card{backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2);background:var(--bg-glass);border:1px solid rgba(45,212,191,.07);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.glass-card:hover{border-color:#2dd4bf24;box-shadow:var(--shadow-lg)}.btn{align-items:center;border:none;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:.875rem;font-weight:500;gap:var(--space-sm);justify-content:center;letter-spacing:.02em;overflow:hidden;padding:.7rem 1.6rem;position:relative;transition:all var(--duration-normal) var(--ease-out)}.btn:after{background:linear-gradient(hsla(0,0%,100%,.08),transparent);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--duration-fast)}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-glow-primary);color:var(--text-inverse)}.btn-primary:hover{box-shadow:0 0 40px var(--accent-primary-glow),0 4px 20px #0000004d}.btn-secondary{background:var(--bg-surface);border:1px solid rgba(45,212,191,.1);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:#2dd4bf33}.btn-danger{background:linear-gradient(135deg,var(--accent-danger),#c4545c);color:#fff}.btn-success{background:linear-gradient(135deg,var(--accent-success),#5fb58a);color:var(--text-inverse)}.btn-sm{font-size:.8rem;padding:.4rem 1rem}.btn-lg{font-size:1rem;letter-spacing:.03em;padding:.9rem 2.2rem}.btn-icon{border-radius:var(--radius-md);height:2.5rem;padding:.5rem;width:2.5rem}.input{background:var(--bg-surface);border:1px solid rgba(45,212,191,.08);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:.9rem;line-height:1.5;outline:none;padding:.7rem 1rem;transition:all var(--duration-normal) var(--ease-out);width:100%}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.label{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:500;letter-spacing:.08em;margin-bottom:var(--space-xs);text-transform:uppercase}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface);border-radius:var(--radius-full);cursor:pointer;height:5px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--gradient-primary);border-radius:50%;box-shadow:var(--shadow-glow-primary);cursor:pointer;height:20px;-webkit-transition:transform var(--duration-fast) var(--ease-spring);transition:transform var(--duration-fast) var(--ease-spring);width:20px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{background:var(--gradient-primary);border:none;border-radius:50%;box-shadow:var(--shadow-glow-primary);cursor:pointer;height:20px;width:20px}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-surface) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8 1 3h10z'/%3E%3C/svg%3E") no-repeat right 1rem center;border:1px solid rgba(45,212,191,.08);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);font-size:.9rem;outline:none;padding:.7rem 2.5rem .7rem 1rem;transition:all var(--duration-normal) var(--ease-out)}.select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-sans);font-size:.68rem;font-weight:600;letter-spacing:.07em;padding:.25rem .75rem;text-transform:uppercase}.badge-blue{background:var(--accent-secondary-glow);color:var(--orb-blue)}.badge-cyan{background:var(--accent-highlight-glow);color:var(--orb-cyan)}.badge-teal{background:var(--accent-primary-glow);color:var(--accent-primary)}.badge-amber{background:#fbbf241a;color:#d4a755}.container{margin:0 auto;max-width:1400px;padding-inline:var(--space-xl);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.flex-1{flex:1}.text-center{text-align:center}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.page-enter-active,.page-leave-active{transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.page-enter-from{opacity:0;transform:translateY(16px)}.page-leave-to{opacity:0;transform:translateY(-12px)}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-normal) var(--ease-out)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--duration-slow) var(--ease-out)}.slide-up-enter-from{opacity:0;transform:translateY(30px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}50%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-primary-glow)}50%{box-shadow:0 0 50px var(--accent-primary-glow),0 0 80px var(--accent-highlight-glow)}}@keyframes breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gentle-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.animate-pop{animation:pop-in .5s var(--ease-spring) both}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-breathe{animation:breathe 4s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}::-moz-selection{background:var(--accent-primary);color:#fff}::selection{background:var(--accent-primary);color:#fff}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.container{padding-inline:var(--space-md)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}