.login-progress { display: flex; align-items: center; gap: .75rem; margin: 1rem 0; color: #365172; }
.login-progress[hidden] { display: none; }
.login-spinner { width: 1.25rem; height: 1.25rem; flex: 0 0 auto; border: 3px solid #dbe7ff; border-top-color: #1767ff; border-radius: 50%; animation: login-spin .85s linear infinite; }
.login-diagnostic { margin-top: 1rem; color: #60738e; font-size: .85rem; overflow-wrap: anywhere; }
@keyframes login-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .login-spinner { animation: none; } }

.authentik-page .auth-box { width: min(100%, 520px); }
.authentik-page .auth-box h2 { font-size: clamp(1.75rem, 2.5vw, 2.5rem); line-height: 1.2; letter-spacing: -.025em; margin-bottom: 1.25rem; }
.authentik-page .auth-panel { padding: clamp(28px, 5vw, 72px); }
.authentik-page .auth-email-note { padding: 16px 18px; border-radius: 14px; background: #f0f5ff; color: #506582; font-size: .9rem; line-height: 1.6; margin-top: 24px; }
.auth-step-icon { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: #edf4ff; color: #1767ff; font-size: 28px; margin-bottom: 20px; }
@media (max-width: 640px) { .authentik-page .auth-panel { padding: 32px 20px 48px; } }