:root{--bg-color: #050505;--bg-secondary: #0a0a0c;--text-primary: #f0f0f5;--text-secondary: #8a8a99;--accent-blue: #00d2ff;--accent-blue-glow: rgba(0, 210, 255, .4);--accent-amber: #ff6b00;--accent-amber-glow: rgba(255, 107, 0, .4);--surface: #121216;--surface-hover: #1a1a20;--surface-border: rgba(255, 255, 255, .05);--font-heading: "Syncopate", sans-serif;--font-body: "Outfit", sans-serif;--glass-bg: rgba(5, 5, 5, .6);--glass-border: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 50%,rgba(0,210,255,.03),transparent 25%),radial-gradient(circle at 85% 30%,rgba(255,107,0,.03),transparent 25%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);text-transform:uppercase;font-weight:700;line-height:1.1;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:color .3s ease}a:hover{color:var(--accent-blue)}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.section{padding:8rem 0;position:relative}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.text-gradient-blue{background:linear-gradient(to right,#fff,var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-amber{background:linear-gradient(to right,#fff,var(--accent-amber));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-outline{color:transparent;-webkit-text-stroke:1px var(--surface-border)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.grain-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}