:root{color-scheme:dark light;--bg:#080808;--bg2:#121212;--fg:#f5f5f5;--muted:#d4af37;--accent:#ffd700}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:
url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.03"/></svg>'),
repeating-linear-gradient(20deg,rgba(255,255,255,.008) 0 1px,transparent 1px 5px),
repeating-linear-gradient(-25deg,rgba(0,0,0,.02) 0 2px,transparent 2px 6px),
radial-gradient(160% 120% at 20% 0%,rgba(255,255,255,.018),transparent 60%),
radial-gradient(160% 120% at 80% 100%,rgba(255,255,255,.012),transparent 60%),
linear-gradient(135deg,var(--bg),var(--bg2));
background-size:64px 64px,auto,auto,auto,auto,auto;background-attachment:fixed,fixed,fixed,fixed,fixed,fixed;color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Helvetica Neue;position:relative}
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 8vw}
h1{margin:0 0 .5rem;font-weight:900;letter-spacing:.04em;font-size:clamp(2.25rem,8vw,5rem)}
p{margin:0;color:#ffffff;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.95rem,3.5vw,1.25rem)}
@media(min-width:900px){.hero{padding-top:0}}
@keyframes glow{0%{text-shadow:0 0 0 rgba(255,215,0,0)}100%{text-shadow:0 6px 24px rgba(255,215,0,.18)}}
html{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar{width:0;height:0}
body::-webkit-scrollbar{width:0;height:0}