@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Anton&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a2e;--bg-card-hover:#222240;--accent-primary:#8b5cf6;--accent-secondary:#a78bfa;--accent-glow:#7c3aed;--accent-deep:#6d28d9;--accent-gradient:linear-gradient(135deg, #7c3aed, #a78bfa, #c084fc);--accent-gradient-text:linear-gradient(135deg, #a78bfa, #c084fc);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#34d399;--border-subtle:#8b5cf626;--border-card:#8b5cf61a;--glass-bg:#1a1a2eb3;--glass-border:#8b5cf633;--font-display:"Outfit", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-accent:"Anton", system-ui, sans-serif;--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;--space-5xl:8rem;--max-width:1200px;--nav-height:72px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.2s;--duration-normal:.4s;--duration-slow:.6s;--shadow-glow:0 0 60px #8b5cf64d;--shadow-glow-lg:0 0 120px #8b5cf633;--shadow-card:0 4px 24px #0006}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}.canvas-container{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.dom-content{z-index:1;position:relative}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.15}h1{letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4.5rem)}h2{letter-spacing:-.02em;font-size:clamp(2rem,4vw,3.2rem)}h3{font-size:clamp(1.2rem,2vw,1.5rem)}.gradient-text{background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding:var(--space-5xl) var(--space-xl);position:relative}.section-container{max-width:var(--max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:var(--space-4xl)}.section-tag{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--accent-secondary);border:1px solid var(--border-subtle);padding:var(--space-xs) var(--space-lg);margin-bottom:var(--space-lg);background:#8b5cf61a;border-radius:100px;font-size:.75rem;font-weight:600;display:inline-block}.section-title{margin-bottom:var(--space-lg)}.section-subtitle{color:var(--text-secondary);max-width:650px;margin:0 auto;font-size:1.1rem}.btn{align-items:center;gap:var(--space-sm);font-family:var(--font-display);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);border:none;border-radius:12px;padding:.875rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 24px #8b5cf666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px #8b5cf680}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-subtle);background:0 0}.btn-ghost:hover{border-color:var(--accent-primary);background:#8b5cf61a}.btn-lg{padding:1rem 2.5rem;font-size:1.05rem}.btn-full{justify-content:center;width:100%}.card-glow{background:var(--accent-gradient);border-radius:inherit;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);z-index:-1;position:absolute;inset:-1px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-deep);border-radius:3px}::selection{color:#fff;background:#8b5cf64d}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){.section{padding:var(--space-3xl) var(--space-md)}.section-header{margin-bottom:var(--space-2xl)}}@media (width<=480px){.section{padding:var(--space-2xl) var(--space-md)}}
