:root{color-scheme:dark;--bg:#0b1020;--panel:#151d33;--ink:#f5f7ff;--muted:#aebbd4;--accent:#7ce7c7;--line:#2b3856}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}header,main,footer{max-width:1180px;margin:auto;padding:24px}nav,footer{display:flex;justify-content:space-between;gap:24px;align-items:center}nav span,footer{gap:24px}.hero{display:grid;grid-template-columns:1fr 1.35fr;gap:48px;align-items:center;padding:70px 0}.hero img{width:100%;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 70px #0008}.eyebrow{color:var(--accent);font-weight:750;letter-spacing:.12em;font-size:.78rem}h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.02;margin:.25em 0}h2{font-size:2rem}.lede{color:var(--muted);font-size:1.18rem}.button{display:inline-block;background:var(--accent);color:#07120f;padding:12px 18px;border-radius:8px;font-weight:750}.disabled{opacity:.65}.fine{color:var(--muted);font-size:.85rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article,.notice{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}.prose{max-width:780px}.prose h1{font-size:3rem}footer{border-top:1px solid var(--line);margin-top:60px;color:var(--muted)}@media(max-width:760px){.hero,.cards{grid-template-columns:1fr}nav{align-items:flex-start;flex-direction:column}.hero{padding-top:30px}}

nav{flex-wrap:wrap}nav span{display:flex;flex-wrap:wrap;gap:16px}
main{max-width:980px}main>section,main>article{margin:24px 0}
h1{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.15}
label{display:block;margin:16px 0 6px}input,textarea,button{font:inherit}
input,textarea{display:block;width:100%;max-width:650px;padding:12px;border:1px solid #64748b;border-radius:6px;background:#0b1020;color:#f5f7ff}
textarea{min-height:130px}button{cursor:pointer;padding:12px 18px;border:0;border-radius:8px;background:#7ce7c7;color:#07120f;font-weight:700;margin-top:16px}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #fbbf24;outline-offset:4px}
code{overflow-wrap:anywhere}article p{max-width:78ch}footer{flex-wrap:wrap}
.result{min-height:2em;padding:12px 0;font-weight:700;overflow-wrap:anywhere}
@media(max-width:480px){header,main,footer{padding:18px}.notice{padding:18px}.prose h1{font-size:2.1rem}}