:root{font-family:Inter,system-ui,sans-serif;color:#111827;background:#f8fafc}
*{box-sizing:border-box}
body{margin:0}
main{max-width:850px;margin:auto;padding:4rem 1.25rem}
header{margin-bottom:2rem}
.eyebrow{font-weight:700;letter-spacing:.08em;text-transform:uppercase}
h1{font-size:clamp(2.2rem,7vw,4.8rem);line-height:.95;margin:.2rem 0 1rem}
.row{display:flex;gap:.6rem}
input{flex:1;padding:.9rem;border:1px solid #94a3b8;border-radius:.5rem;font-size:1rem}
button{padding:.9rem 1.2rem;border:0;border-radius:.5rem;background:#111827;color:#fff;font-weight:700}
article{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;margin:1rem 0;box-shadow:0 8px 24px #0f172a0d}
article p{white-space:pre-line;line-height:1.55}
code{font-size:.8rem;color:#475569}
footer{display:flex;gap:1rem;margin-top:3rem;flex-wrap:wrap}
a{color:#1d4ed8}
@media(max-width:600px){.row{display:block}input,button{width:100%;margin:.3rem 0}}