:root{font-family:system-ui,sans-serif;color:#193044;background:#f5f6f1;font-size:16px}*{box-sizing:border-box}body{margin:0;padding:32px 20px}h1{font-size:28px;line-height:1.2;margin:12px 0}h2{font-size:21px}.login-card{width:min(100%,520px);margin:24px auto;padding:32px;border:1px solid #dfe5d5;border-radius:20px;background:white;box-shadow:0 14px 45px #1738260a}.brand{font-size:11px;letter-spacing:2px;font-weight:750}p{line-height:1.6}.hint{font-size:13px;color:#526355}form{display:grid;gap:20px;margin:24px 0}label{display:grid;gap:8px;font-size:14px;font-weight:600}input{font:inherit;font-size:16px;width:100%;border:1px solid #869980;border-radius:7px;padding:12px;background:#fff}input:focus{outline:3px solid #dbeacb;outline-offset:2px}button{border:1px solid #284c35;border-radius:8px;padding:12px 16px;font:inherit;cursor:pointer;color:white;background:#233e2c;font-weight:600}button:disabled{opacity:.6;cursor:wait}nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}nav button{background:#fff;color:#294432;font-size:13px;padding:9px 12px}#message{color:#9b2e20;min-height:1em}#qr{display:block;margin:12px auto;max-width:100%;height:auto}code{display:block;overflow-wrap:anywhere;margin:16px 0}pre{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f6eb;border-radius:10px;padding:16px}#codes button{margin:8px 0;width:100%}[hidden]{display:none!important}@media(max-width:560px){body{padding:12px}.login-card{padding:24px 20px;margin:8px auto}}

.check{display:flex;align-items:center;gap:10px}.check input{width:20px;height:20px;flex:none}