:root{--bg:#0a0a0a;--y:#ffd400;--o:#ff9f00;--w:#fff;--g:#2a2a2e}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg)}
body{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem 1rem;color:var(--w);font-family:Impact,"Arial Black",system-ui,sans-serif;background:radial-gradient(circle at 50% 30%,#2a2100 0,var(--bg) 60%);text-align:center}
.logo{width:min(80vw,420px);height:auto}
h1{font-size:clamp(1.2rem,4vw,2rem);letter-spacing:.05em;color:var(--y);text-transform:uppercase}
p{font-family:system-ui,sans-serif;color:#cfcfcf;max-width:32rem}
nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%;max-width:36rem}
nav a{flex:1 1 9rem;padding:.9rem 1.2rem;border:2px solid var(--y);border-radius:.8rem;color:var(--y);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;background:var(--g);transition:.15s}
nav a:hover,nav a:focus-visible{background:var(--y);color:var(--bg);box-shadow:0 0 22px var(--o);outline:none}
footer{font-family:system-ui,sans-serif;font-size:.8rem;color:#777}