*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0e0f13;color:#e8eaed;min-height:100vh;display:grid;place-items:center;padding:2rem}
main{max-width:640px;width:100%}
.badge{display:inline-block;font-size:.7rem;letter-spacing:.15em;font-weight:700;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.35rem .8rem;margin-bottom:1.5rem}
h1{font-size:clamp(1.8rem,5vw,2.6rem);margin-bottom:.75rem;line-height:1.1}
p{color:#9aa0aa;line-height:1.6;margin-bottom:1rem}
.card{background:#181a20;border:1px solid #262a33;border-radius:12px;padding:1.5rem;margin:1.5rem 0}
.card code{color:var(--accent);font-size:.85rem}
.card p{margin-bottom:.5rem;color:#c4c8d0}
.home{color:var(--accent);text-decoration:none;font-weight:600;font-size:.9rem}
.home:hover{text-decoration:underline}