.auth-complete { text-align: start; }
.auth-status-icon { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 24px; border: 1px solid #cddcfe; border-radius: 20px; color: #275bfa; background: #edf3ff; font-size: 30px; }
.auth-complete h2 { margin-bottom: 14px; color: #142b49; font-size: clamp(26px, 3vw, 34px); line-height: 1.2; letter-spacing: -.6px; }
.auth-complete p { color: #62738b; line-height: 1.7; }
.auth-email-address { display: block; margin: 24px 0; padding: 18px 20px; background: #f3f6fc; border: 1px solid #dde6f5; border-radius: 12px; color: #142b49; font-weight: 600; overflow-wrap: anywhere; }
.auth-complete-actions { display: flex; flex-direction: column; align-items: stretch; gap: 12px; margin-top: 26px; }
.auth-complete-actions a, .auth-complete-actions button { display: block; padding: 14px 20px; border-radius: 10px; text-align: center; line-height: 1.5; font-weight: 600; white-space: normal; }
.auth-complete-actions .auth-secondary { border: 1px solid #d5dff0; background: #fff; color: #275bfa; }
.auth-complete-actions button:disabled { color: #62738b; cursor: default; opacity: .75; }
.auth-complete [role=status] { margin-top: 16px; }
.auth-status-page { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 32px 20px; background: radial-gradient(ellipse at 15% 0%, #dce8ff 0, transparent 50%), radial-gradient(ellipse at 100% 100%, #e2f6f1 0, transparent 50%), #f5f7fc; }
.auth-status-card { width: 100%; max-width: 560px; overflow: hidden; background: white; border: 1px solid #dfe7f3; border-radius: 24px; box-shadow: 0 24px 70px #142b4912; }
.auth-status-brand { padding: 24px 32px; background: #142b49; border-bottom: 4px solid #275bfa; }
.auth-status-brand img { width: 165px; padding: 9px; background: white; border-radius: 9px; }
.auth-status-content { padding: 32px; }
.auth-status-kicker { margin-bottom: 14px; color: #275bfa; font-size: 11px; font-weight: 700; letter-spacing: 1px; }
.auth-status-footer { border-top: 1px solid #e7edf6; padding: 18px 32px; font-size: 13px; }
.auth-status-success .auth-status-icon { color: #0a9464; background: #eaf8f1; border-color: #c5ead8; }
.auth-status-error .auth-status-icon { color: #b8512c; background: #fff3ed; border-color: #f3d3c3; }
@media (max-width: 480px) { .auth-status-content { padding: 26px 22px; } .auth-status-brand, .auth-status-footer { padding-inline: 22px; } }