:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10141d;color:#edf1f7}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:56px 24px}h1{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.04em;line-height:1.1}h2{font-size:1.4rem}p,li{line-height:1.6;color:#c7d2e2}.eyebrow{letter-spacing:.13em;color:#95c8ff;font-size:.8rem}section{margin:28px 0;padding:24px;background:#192231;border:1px solid #3a4a61;border-radius:16px}button,input{font:inherit;border-radius:8px;padding:12px 16px}button{background:#a7d0ff;color:#10213a;border:0;cursor:pointer;font-weight:650;margin:8px 8px 8px 0}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #ffd28d;outline-offset:4px}input{display:block;width:100%;margin:8px 0 16px;background:#10141d;color:#edf1f7;border:1px solid #8196b1}label{display:block}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar h2{margin-right:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}article{background:#111a27;padding:16px;border-radius:10px}article h3{font-size:.9rem;color:#a9bbd2}article p{font-size:1.2rem;margin-bottom:0}ul{padding-left:20px;overflow-wrap:anywhere}footer{margin-top:40px;color:#94a7bf;font-size:.85rem}[hidden]{display:none!important}@media(max-width:500px){main{padding:28px 16px}section{padding:16px}.toolbar button{flex:1}}