.auth-page{flex:1;padding:48px 20px;background:var(--background,#f8f8f8)}.auth-card{max-width:580px;margin:auto;padding:32px;border:1px solid #ddd;border-radius:16px;background:var(--card,#fff);display:flex;flex-direction:column;gap:20px}.auth-card h1{font-size:2rem;line-height:1.2;margin:0}.auth-card h2{font-size:1.3rem;line-height:1.4;margin:0}.auth-card p{font-size:1rem;line-height:1.6;margin:0}.auth-card form{gap:20px}.auth-card form,.auth-field{display:flex;flex-direction:column}.auth-field{gap:8px;font-size:1rem}.auth-field input{font-size:1rem;min-height:44px}.auth-field small{font-size:.875rem;line-height:1.5}.auth-links{display:flex;flex-wrap:wrap;gap:8px}.auth-card button{min-height:44px;white-space:normal;height:auto}.auth-qr{align-self:center;max-width:100%;height:auto}.auth-secret{overflow-wrap:anywhere;background:#f1f1f1;color:#222;padding:12px;border-radius:8px;font-size:1rem}.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recovery-codes code{font-size:.95rem;overflow-wrap:anywhere;padding:8px;background:#f1f1f1;color:#222}.auth-card hr{border:0;border-top:1px solid #ddd}@media(max-width:480px){.auth-card{padding:20px}.auth-page{padding:24px 12px}.recovery-codes{grid-template-columns:1fr}}