:root{--bg-color: #ffffff;--bg-gradient: linear-gradient(180deg, #ffffff 0%, #f0f0f0 100%);--surface-color: rgba(0, 0, 0, .03);--surface-border: rgba(0, 0, 0, .1);--primary: #000000;--secondary: #333333;--accent: #666666;--text-main: #000000;--text-muted: #555555;--glass-bg: rgba(255, 255, 255, .9);--glass-border: 1px solid rgba(0, 0, 0, .1);--glass-shadow: 0 4px 20px rgba(0, 0, 0, .05);--backdrop-blur: blur(12px);--nav-bg: rgba(255, 255, 255, .95);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}[data-theme=dark]{--bg-color: #000000;--bg-gradient: linear-gradient(180deg, #000000 0%, #111111 100%);--surface-color: rgba(255, 255, 255, .05);--surface-border: rgba(255, 255, 255, .15);--primary: #ffffff;--secondary: #cccccc;--accent: #999999;--text-main: #ffffff;--text-muted: #aaaaaa;--glass-bg: rgba(20, 20, 20, .6);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .3);--nav-bg: rgba(0, 0, 0, .9)}[data-theme=future]{--bg-color: #0b0b14;--bg-gradient: linear-gradient(135deg, #0b0b14 0%, #1a1a2e 100%);--surface-color: rgba(230, 230, 250, .08);--surface-border: rgba(204, 255, 0, .2);--primary: #CCFF00;--secondary: #E6E6FA;--accent: #D8BFD8;--text-main: #E6E6FA;--text-muted: #A9A9C9;--glass-bg: rgba(26, 26, 46, .7);--glass-border: 1px solid rgba(204, 255, 0, .15);--glass-shadow: 0 0 20px rgba(204, 255, 0, .1);--nav-bg: rgba(11, 11, 20, .9)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-color);color:var(--text-main);font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem}h1{font-weight:800}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:50px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.scroll-hidden{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.scroll-visible{opacity:1!important;transform:translateY(0)!important}