:root{font-family:system-ui,sans-serif;color:#102a43;background:#eef7fd}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:55px auto;padding:0 24px}.brand{color:#007cba;font-weight:750}h1{font-size:clamp(32px,6vw,52px);line-height:1.1;letter-spacing:-1.5px}h2{font-size:22px}p{line-height:1.65}section{background:white;border:1px solid #cee6f6;border-radius:22px;padding:28px;margin:24px 0;box-shadow:0 8px 32px #1a65900a}label{display:block;font-weight:600;margin-top:16px}input{display:block;border:1px solid #a9c9de;border-radius:10px;background:#f8fcff;width:100%;padding:13px;font:inherit;margin:8px 0 18px}button{border:0;border-radius:10px;background:#008bc5;color:white;font:inherit;font-weight:650;padding:12px 20px;cursor:pointer}.secondary{background:#e6f3fb;color:#07527e}.stats{display:flex;gap:36px;flex-wrap:wrap;margin:24px 0}.stats b{display:block;font-size:25px}.muted,footer{color:#57748a;font-size:14px}footer{padding:30px 0}#error{color:#9c2828}code{background:#edf6fc;padding:2px 5px;border-radius:4px}[hidden]{display:none!important}