@font-face { font-family:'Anton'; font-weight:400; font-display:swap; src:url('./fonts/anton-400.woff2') format('woff2'); }
@font-face { font-family:'Space Mono'; font-weight:400; font-display:swap; src:url('./fonts/space-mono-400.woff2') format('woff2'); }

:root { --bg:#0E0E10; --text:#F2F2F2; --muted:#8A8A8E; --red:#FF2D2D; --yellow:#F5D000; --border:#2a2a2e; }
* { box-sizing:border-box; }
html,body { margin:0; height:100%; }
body {
  background:var(--bg); color:var(--text);
  font-family:'Space Mono',ui-monospace,monospace;
  display:flex; align-items:center; justify-content:center; padding:24px;
  background-image:radial-gradient(circle at 50% 0%, rgba(255,45,45,.08), transparent 60%);
}
.kerb { position:fixed; top:0; left:0; right:0; height:8px; background:repeating-linear-gradient(45deg,var(--yellow) 0 16px,var(--bg) 16px 32px); }
.card { max-width:560px; text-align:center; }
.badge {
  display:inline-block; background:var(--yellow); color:var(--bg); font-weight:700;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase; padding:6px 12px; border-radius:6px; margin-bottom:24px;
}
h1 { font-family:'Anton',Impact,sans-serif; font-weight:400; font-size:clamp(46px,12vw,84px); line-height:.9; text-transform:uppercase; margin:0 0 18px; }
h1 .accent { color:var(--red); }
.sub { font-size:16px; line-height:1.5; color:#cfcfd2; margin:0 0 28px; }
.chips { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin-bottom:28px; }
.chip { font-size:12px; letter-spacing:.06em; color:#cfcfd2; border:1px solid var(--border); padding:8px 12px; border-radius:6px; text-transform:uppercase; }
.note { font-size:13px; color:var(--muted); line-height:1.6; }
.cta {
  display:inline-block; margin-top:8px; background:var(--red); color:#fff; text-decoration:none;
  font-family:'Anton',Impact,sans-serif; font-size:22px; letter-spacing:.02em; text-transform:uppercase;
  padding:16px 28px; border-radius:12px; box-shadow:0 8px 24px rgba(255,45,45,.35);
}
.wl { display:flex; flex-direction:column; gap:10px; max-width:380px; margin:0 auto 14px; }
.wl input { background:#15151a; border:1px solid var(--border); color:var(--text); font-family:'Space Mono',monospace; font-size:15px; padding:14px; border-radius:10px; outline:none; }
.wl button { background:var(--red); color:#fff; border:none; cursor:pointer; font-family:'Anton',Impact,sans-serif; font-size:18px; letter-spacing:.02em; text-transform:uppercase; padding:14px; border-radius:10px; box-shadow:0 8px 24px rgba(255,45,45,.3); }
.wl .hp { position:absolute; left:-9999px; width:1px; height:1px; }
.wl-msg { min-height:1.4em; font-size:13px; color:#cfcfd2; margin:0 0 8px; }
.brand { margin-top:40px; font-size:11px; letter-spacing:.16em; color:#5a5a5e; text-transform:uppercase; }