:root{color:#172033;font-synthesis:none;background:#f5f7fb;font-family:Inter,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:#275ac8;text-decoration:none}button,input{font:inherit}.page{flex-direction:column;min-height:100vh;display:flex}header{background:#fff;border-bottom:1px solid #e8ebf2;justify-content:space-between;align-items:center;height:68px;padding:0 max(24px,50% - 540px);display:flex}.brand{letter-spacing:.05em;color:#172033;font-weight:800}.brand span{color:#63708a;font-size:.68em}nav{gap:22px;display:flex}main{flex:1;place-items:center;padding:42px 18px;display:grid}.card{background:#fff;border:1px solid #e3e7ef;border-radius:18px;width:min(100%,480px);padding:34px;box-shadow:0 18px 50px #24325214}h1{margin:0 0 8px;font-size:1.65rem}h2{margin-top:26px;font-size:1.05rem}.muted,small{color:#6d778c}.card form{gap:15px;margin-top:24px;display:grid}label{gap:7px;font-size:.9rem;font-weight:650;display:grid}input{border:1px solid #cfd5e1;border-radius:10px;outline:none;padding:12px 13px}input:focus{border-color:#376ee0;box-shadow:0 0 0 3px #dce8ff}button{color:#fff;cursor:pointer;background:#275ac8;border:0;border-radius:10px;padding:12px 18px;font-weight:700}button:hover{background:#1d49a8}.danger{color:#b42727;background:#fff1f1}.links{justify-content:space-between;margin-top:22px;display:flex}.message{color:#214eaa;background:#edf3ff;border-radius:8px;padding:11px}.secret{letter-spacing:.08em;overflow-wrap:anywhere;background:#f2f4f8;padding:12px;font:700 1.05rem ui-monospace}.qr{width:220px;height:220px;margin:18px auto;display:block}dl{grid-template-columns:120px 1fr;gap:14px;margin:28px 0;display:grid}dt{color:#788399}dd{margin:0}.row{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.row small{margin-top:4px;display:block}footer{text-align:center;color:#8a94a8;padding:22px;font-size:.8rem}@media (width<=560px){header{padding:0 18px}.card{border-radius:14px;padding:25px}nav{gap:12px}dl{grid-template-columns:1fr;gap:4px}dd{margin-bottom:12px}}
