*{box-sizing:border-box}body{color:#172334;background:#f3f5f8;margin:0;font-family:system-ui,sans-serif}main{max-width:850px;margin:64px auto;padding:0 24px}.eyebrow{color:#3766a6;letter-spacing:2px;font-size:12px;font-weight:700}h1{margin:12px 0;font-size:38px}h2{margin-top:0;font-size:18px}.intro,.hint{color:#59677a;line-height:1.7}section{background:#fff;border:1px solid #dce3ec;border-radius:14px;margin-top:24px;padding:28px}label{margin-bottom:10px;font-weight:600;display:block}input{width:100%;font:inherit;border:1px solid #bcc9da;border-radius:7px;padding:12px}.actions{gap:12px;margin:18px 0;display:flex}button{color:#fff;font:inherit;cursor:pointer;background:#255c9f;border:0;border-radius:7px;padding:13px 18px;font-weight:600}button.secondary{color:#254971;background:#e9eff7}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #81aee7}.hint{margin-bottom:0;font-size:13px}.success{color:#127247;font-weight:600}.error{color:#b12222}pre{background:#f3f6fa;border-radius:8px;padding:18px;font-size:13px;line-height:1.6;overflow:auto}footer{color:#67768b;justify-content:space-between;gap:16px;margin-top:24px;font-size:13px;display:flex}a{color:#255c9f}@media (width<=600px){main{margin:32px auto}h1{font-size:28px}section{padding:20px}.actions,footer{flex-direction:column}}