:root{--color-bg: #0a0e27;--color-bg-elevated: #111638;--color-bg-card: rgba(17, 22, 56, .65);--color-bg-card-hover: rgba(25, 32, 72, .8);--color-surface: rgba(255, 255, 255, .03);--color-border: rgba(255, 255, 255, .06);--color-border-hover: rgba(255, 255, 255, .12);--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-text-subtle: #64748b;--color-primary: #667eea;--color-secondary: #764ba2;--color-accent: #00d2ff;--color-accent-warm: #f093fb;--gradient-brand: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent: linear-gradient(135deg, #00d2ff 0%, #667eea 100%);--gradient-warm: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-hero: linear-gradient(180deg, transparent 0%, rgba(10, 14, 39, .8) 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--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;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-hero: clamp(2.5rem, 6vw, 5rem);--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(102, 126, 234, .15);--glass-bg: rgba(17, 22, 56, .55);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 16px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--z-particles: 0;--z-content: 10;--z-navbar: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-weight:400;line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit;color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;border:none;outline:none;background:none}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#app{position:relative;min-height:100vh}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#667eea4d;color:#fff}.page{position:relative;min-height:100vh}.page-enter{opacity:1;animation:pageEnter .5s var(--ease-out-expo) forwards}.page-exit{animation:pageExit .3s var(--ease-out-expo) forwards}@keyframes pageEnter{0%{opacity:.01;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.99)}}.micro-app-page{padding-top:72px;min-height:100vh}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.15s}.stagger-3{animation-delay:.2s}.stagger-4{animation-delay:.25s}.stagger-5{animation-delay:.3s}.stagger-6{animation-delay:.35s}.stagger-7{animation-delay:.4s}.stagger-8{animation-delay:.45s}.page-loader{display:flex;align-items:center;justify-content:center;min-height:60vh}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.06);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}