:root {
  --bg:#07080b;
  --panel:#101219;
  --text:#f5f3ef;
  --muted:#a1a5b0;
  --line:rgba(255,255,255,.13);
  --red:#ff314f;
  --blue:#67d7ff;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0;
  min-height:100vh;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  line-height:1.68;
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 85% 10%,rgba(255,49,79,.14),transparent 32%),radial-gradient(circle at 12% 38%,rgba(103,215,255,.06),transparent 28%);
}
.wrap { width:min(calc(100% - 40px),920px); margin:0 auto; position:relative; }
header { height:82px; display:flex; align-items:center; border-bottom:1px solid var(--line); }
.nav { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.logo { color:var(--text); font-size:1.3rem; font-weight:950; letter-spacing:-.06em; text-decoration:none; }
.logo span { color:var(--red); }
.back { color:#c9cbd2; font-size:.9rem; font-weight:750; text-decoration:none; }
.back:hover { color:white; }
main { padding:clamp(70px,10vw,118px) 0 110px; }
.eyebrow { margin:0 0 18px; color:var(--red); font-size:.78rem; font-weight:850; letter-spacing:.18em; text-transform:uppercase; }
h1 { margin:0 0 34px; font-size:clamp(3.1rem,10vw,7rem); line-height:.86; letter-spacing:-.07em; }
.lead { max-width:720px; margin:0 0 34px; color:#c7c9d0; font-size:1.05rem; }
.notice { margin:0 0 30px; padding:18px 20px; border:1px solid rgba(103,215,255,.3); border-radius:16px; color:#c8efff; background:rgba(103,215,255,.065); }
.notice strong { color:white; }
.grid { display:grid; gap:18px; }
.card { padding:30px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02)); }
h2 { margin:0 0 15px; font-size:1rem; color:#d8dae0; letter-spacing:.1em; text-transform:uppercase; }
h3 { margin:24px 0 10px; font-size:1rem; }
p, li { color:var(--muted); }
p { margin:0; }
p + p, ul + p, ol + p { margin-top:16px; }
ul, ol { margin:12px 0 0; padding-left:22px; }
li + li { margin-top:7px; }
strong { color:var(--text); }
a { color:var(--text); text-underline-offset:4px; }
.form-copy { padding:18px; border-left:2px solid var(--red); background:rgba(255,255,255,.025); white-space:pre-line; color:#c5c8d0; }
.updated { margin-top:26px; color:#717681; font-size:.8rem; }
footer { padding:30px 0 42px; border-top:1px solid var(--line); color:#737782; font-size:.84rem; }
.footer-links { display:flex; flex-wrap:wrap; gap:8px 14px; }
@media (max-width:640px) {
  .wrap { width:min(calc(100% - 26px),920px); }
  header { height:70px; }
  .card { padding:23px; }
  h1 { font-size:clamp(3rem,16vw,5rem); }
}
