.secure-login{width:min(100%,560px);margin:3rem auto;padding:24px;box-sizing:border-box}
.secure-login .auth-qr{display:block;max-width:100%;height:auto;margin:20px auto;background:#fff;border-radius:12px}
.secure-login details{margin:16px 0;padding:12px;border:1px solid #ddd;border-radius:10px}
.secure-login .auth-secret{display:block;overflow-wrap:anywhere;user-select:all;padding:8px 0}
.secure-login form{margin:20px 0}
.secure-login input{box-sizing:border-box;max-width:100%;font-size:16px}
.secure-login #verify-code{font-size:22px;letter-spacing:.08em}
.secure-login .recovery-codes{display:grid;gap:10px;margin:20px 0;padding:14px;background:#f5f5f7;border-radius:10px;overflow-wrap:anywhere}
.secure-login .recovery-codes code{font-size:13px;user-select:all}
.secure-login .recovery-confirm{display:flex;align-items:flex-start;gap:10px}
.secure-login .recovery-confirm input{width:auto;margin-top:4px}
.secure-login button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:600px){.secure-login{margin:12px auto;padding:18px}.secure-login h1{font-size:27px}.secure-login .recovery-codes code{font-size:12px}.secure-login .btn{max-width:100%;white-space:normal}}