.login-page{min-height:100vh;display:grid;place-items:center;padding:30px}.login-card{background:white;max-width:570px;width:100%;border:1px solid var(--line);border-radius:20px;padding:34px;margin:auto;min-height:auto}.login-card>img{display:block;width:240px;max-width:100%;margin:0 auto 30px}.login-card h1{font-size:25px}.login-card p{line-height:1.7;margin:15px 0}.login-card form{display:grid;gap:18px}.login-card .login-note{margin-top:25px}.secret-key{display:block;background:#f1f4e8;padding:15px;border-radius:8px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:15px;line-height:1.7;user-select:all}.totp-qr{width:200px;height:200px;display:block;margin:15px auto}#login-error{color:var(--danger);line-height:1.5;margin-bottom:16px}.backup-status{padding:17px 20px;border-radius:12px;margin:18px 0;background:#edf4df}.backup-status.due,.backup-status.missing{background:#fff2d9;color:#805e19}.backup-status.overdue{background:#fff0ee;color:#a52c27;border:1px solid #e2a19b}.backup-status b{display:block;margin-bottom:7px}.backup-status p{line-height:1.7;margin:8px 0}.backup-banner{padding:15px 36px;background:#fff2d9;display:flex;align-items:center;justify-content:space-between;gap:20px}.backup-banner.overdue{background:#ffe1dd;color:#9b2727}.backup-banner .actions{flex-shrink:0}.backup-instructions{line-height:1.8;padding-left:22px}.security-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:18px}.security-pair .detail-block strong{overflow-wrap:anywhere}.backup-file{font-family:monospace;overflow-wrap:anywhere;padding:14px;background:#f3f5ee;border-radius:8px;margin:15px 0}@media(max-width:700px){.backup-banner{padding:14px;display:block}.backup-banner .actions{margin-top:12px}.security-pair{grid-template-columns:1fr}.login-page{padding:12px}.login-card{padding:22px}.top-actions .day-end-text{display:none}}

@media(max-width:700px){.top-actions [data-action^="sec-"]{display:none}}