:root{
  --bg:#0a0b0d; --fg:#e8e9ec; --muted:#7d828c;
  --amber:#f4a627; --line:#1e2127;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:radial-gradient(1100px 560px at 50% -12%, #14171c 0%, var(--bg) 62%);
  color:var(--fg);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  display:flex; align-items:center; justify-content:center; min-height:100vh; padding:24px;
  -webkit-font-smoothing:antialiased;
}
.card{width:100%; max-width:560px; text-align:center}
.mark{display:inline-flex; align-items:center; gap:12px; margin-bottom:26px}
.mark svg{width:34px; height:34px; display:block}
.word{font-size:21px; font-weight:600; letter-spacing:.01em}
.word b{color:var(--amber); font-weight:700}
.badge{
  display:inline-block; font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--amber); border:1px solid var(--line); border-radius:4px; padding:5px 11px; margin-bottom:24px;
}
h1{font-size:clamp(27px,5.6vw,42px); margin:0 0 16px; font-weight:700; letter-spacing:-.01em; line-height:1.15}
h1 .cursor{color:var(--amber); animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
p.tag{color:var(--muted); font-size:15px; line-height:1.65; margin:0 auto; max-width:430px}
.rule{height:1px; background:var(--line); margin:34px auto 0; max-width:220px}
footer{margin-top:20px; color:var(--muted); font-size:12px; letter-spacing:.02em}
@media (prefers-reduced-motion:reduce){ h1 .cursor{animation:none} }