*{box-sizing:border-box}body{margin:0;background:#edf6fe;color:#203d56;font:15px system-ui;min-height:100svh;display:grid;place-items:center;padding:24px}main{width:min(100%,500px);background:white;border:1px solid #d9e8f4;border-radius:24px;padding:32px;box-shadow:0 18px 60px #244e7310}.brand{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:800;color:#2769a1;text-decoration:none}.brand span{color:#203d56}h1{font-size:27px;margin-top:32px}p{line-height:1.6;color:#536d82}nav{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0}button{cursor:pointer;font:600 14px system-ui;border:0;border-radius:10px;padding:12px;min-height:44px;background:#edf5fc;color:#285477}nav .selected{background:#d7eafa;color:#164e7a}label{display:block;margin:16px 0;font-weight:600}input:not([type=checkbox]){width:100%;padding:13px;border:1px solid #bad2e4;border-radius:10px;margin-top:8px;font:16px system-ui}.check{font-size:13px;display:flex;gap:10px}.primary{background:#2566a0;color:white;width:100%;margin-top:12px}#error{color:#a13434}code{display:block;overflow-wrap:anywhere;padding:16px;background:#eff6fc}.footnote{font-size:12px;margin-top:24px}[hidden]{display:none!important}