:root{font:15px system-ui,sans-serif;color:#202b32;background:#f2f3f4;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:28px 16px;min-height:100vh;display:grid;place-items:center}main{width:min(100%,520px);padding:30px;background:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 12px 40px #0000000a}.brand{font:bold 1.35rem Georgia,serif;text-align:center;letter-spacing:.05em;border-bottom:1px solid #bb9d60;padding-bottom:20px}h1{font-size:1.6rem;margin-top:26px}p{line-height:1.6}label{display:grid;gap:7px;margin:18px 0;font-weight:600}input,button{font:inherit;border-radius:8px;padding:12px;min-height:46px;width:100%}input{border:1px solid #b9bdc0;background:white;color:inherit}button{background:#b99d60;color:#172229;border:0;font-weight:700;cursor:pointer;margin:8px 0}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #3579b7;outline-offset:3px}a{color:#315e84}small,.footer{color:#59626a;font-size:.86rem}.footer{margin-top:30px;text-align:center}#error{color:#a12721}code,pre{font:1rem ui-monospace,monospace;overflow-wrap:anywhere;white-space:pre-wrap;background:#f3f4f5;padding:12px;display:block;border-radius:8px}.secret{font-size:1.15rem;letter-spacing:.07em}.codes{line-height:1.7}ul{padding-left:22px;line-height:1.6}@media(max-width:400px){body{padding:12px}main{padding:20px}input{font-size:16px}h1{font-size:1.4rem}}