:root{--color-void: #030504;--color-smoke: #1A1C1B;--color-blood: #E61423;--color-rust: #9E1F21;--color-ash: #8A8E8C;--color-bone: #E8EBE9;--color-neon-green: #39FF14;--color-glass-white: rgba(255, 255, 255, .03);--color-glass-border: rgba(255, 255, 255, .08);--bg-main: var(--color-void);--bg-surface: var(--color-smoke);--bg-surface-hover: var(--color-smoke);--text-primary: var(--color-bone);--text-secondary: var(--color-ash);--accent-primary: var(--color-blood);--accent-secondary: var(--color-rust);--accent-green: var(--color-neon-green);--text-stroke-metal: 1px var(--color-glass-border);--glass-blur: blur(16px);--glass-border: 1px solid var(--color-glass-border);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--font-hero: clamp(3rem, 10vw + 1rem, 8rem);--font-heading: "Outfit", sans-serif;--font-body: "Roboto", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;text-transform:uppercase;letter-spacing:1px}a{color:inherit;text-decoration:none}button{font-family:var(--font-heading);cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--bg-surface-hover);border-radius:4px}