:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10161c;color:#eaf5f1;--accent:#8ae1ba;--muted:#a7b9ba;--card:#172229;--line:#32444b}*{box-sizing:border-box}body{margin:0}header,footer{padding:1rem max(1.25rem,calc((100% - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}a{color:var(--accent)}.brand{color:inherit;text-decoration:none;font-weight:750;white-space:nowrap}.brand b{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;background:var(--accent);color:#14221d;margin-right:.35rem}.brand span{color:var(--accent)}main{max-width:1140px;margin:auto;padding:0 1.25rem 3rem}.intro{padding:clamp(2.5rem,7vw,5rem) 0 2rem}.intro h1{font-size:clamp(2.7rem,7vw,5rem);line-height:1;letter-spacing:-.06em;margin:.6rem 0 1.1rem}.intro p{max-width:38rem;font-size:1.16rem}.eyebrow{letter-spacing:.14em;font-size:.75rem;color:var(--accent);font-weight:750}h2{font-size:1.5rem;margin:.45rem 0 .7rem}p{color:var(--muted);line-height:1.5;margin:.4rem 0 1rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.card,#notice{border:1px solid var(--line);border-radius:1rem;background:var(--card);padding:1.25rem}.block{margin-top:2.5rem}.block>h2{margin-bottom:1rem}.fine,footer{font-size:.86rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}button,input{font:inherit;border-radius:.55rem}button{background:var(--accent);color:#10231b;font-weight:750;border:1px solid transparent;padding:.65rem .85rem;cursor:pointer}button.secondary{background:transparent;color:inherit;border-color:var(--line)}button:disabled{opacity:.45;cursor:not-allowed}label{display:block;margin:.75rem 0 .3rem}input{width:100%;background:#10191e;border:1px solid var(--line);padding:.65rem;color:inherit;margin-bottom:.65rem}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}footer{color:var(--muted);border-top:1px solid var(--line);border-bottom:0}.subscription+.subscription{margin-top:.75rem}#notice{color:#eaf5f1}@media(max-width:630px){.grid{grid-template-columns:1fr}header{flex-wrap:wrap}}
