:root{font:16px/1.55 system-ui,sans-serif;color:#17283b;background:#f0f4f8}*{box-sizing:border-box}body{margin:0;padding:40px 20px}main{max-width:600px;margin:auto}header{display:flex;align-items:center;justify-content:space-between}.logo{font-size:32px;font-weight:800;letter-spacing:-2px}.badge{background:#dde8f4;border-radius:30px;padding:5px 12px;font-size:13px}h1{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:40px 0 16px}h2{margin:0 0 18px}h3{margin-top:30px}.intro,.hint,footer{color:#52667b}section{background:white;border:1px solid #dbe4ed;border-radius:18px;padding:28px;margin-top:20px;box-shadow:0 8px 32px #16345408}label{display:block;margin:15px 0;font-weight:600}input{display:block;width:100%;font:inherit;padding:12px;border:1px solid #abbccc;border-radius:8px;margin-top:6px}button{font:inherit;font-weight:600;background:#164b80;color:white;border:0;border-radius:8px;padding:12px 18px;margin:8px 8px 8px 0;cursor:pointer}.secondary{background:#edf2f7;color:#194c7e}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #41a4da;outline-offset:3px}#status:not(:empty){padding:12px;background:#e2edf8;border-radius:8px}pre,code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}details{margin:18px 0}footer{font-size:13px;margin:32px 0}li{margin:8px 0}[hidden]{display:none!important}@media(max-width:480px){body{padding:24px 14px}section{padding:20px}h1{font-size:30px}}