:root{--bg:#0b0b0f;--fg:#eaeaea;--muted:#9aa0a6;--accent:#8ef}
*{box-sizing:border-box} html,body{margin:0;height:100%}
body{font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,sans-serif;background:var(--bg);color:var(--fg)}
.wrap{min-height:100vh;max-width:720px;margin:0 auto;padding:12vh 24px;display:flex;flex-direction:column;align-items:center;text-align:center}
h1{margin:0 0 .25rem;font-weight:700;letter-spacing:.02em}
.tag{margin:.25rem 0 2rem;color:var(--muted)}
.intro p{margin:0 0 2rem;font-size:1.1rem}
.pillbox{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}
.pillbox a{border:1px solid #333;padding:.6rem 1rem;border-radius:999px;text-decoration:none;color:var(--fg)}
.pillbox a:hover{border-color:var(--accent);color:var(--accent)}
.pillbox .soft{opacity:.8}
footer{margin-top:12vh;color:var(--muted)}
.micro{font-size:.85rem}