/* MyCitadel Auth Styles */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

.mc-auth-body { font-family: 'DM Sans', sans-serif; background: #f0f4f8; min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; color: #0e1a2a; }
.mc-auth-card { background: #fff; border: 1px solid #ccd8e4; border-radius: 14px; padding: 40px; width: 100%; max-width: 400px; box-shadow: 0 4px 24px rgba(0,0,0,0.06); }
.mc-auth-logo { display: flex; flex-direction: column; align-items: center; margin-bottom: 24px; gap: 10px; }
.mc-auth-wordmark { font-family: 'Outfit', sans-serif; font-size: 22px; font-weight: 500; letter-spacing: -0.3px; }
.mc-wordmark-my      { color: #7aaccc; font-weight: 300; }
.mc-wordmark-citadel { color: #0e1a2a; }
.mc-auth-heading { font-size: 22px; font-weight: 500; color: #0e1a2a; letter-spacing: -0.3px; margin-bottom: 6px; text-align: center; }
.mc-auth-sub { font-size: 14px; color: #7a9ab8; margin-bottom: 28px; text-align: center; line-height: 1.5; }
.mc-google-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 12px 20px; background: #fff; border: 1px solid #ccd8e4; border-radius: 8px; font-size: 14px; font-weight: 500; color: #0e1a2a; text-decoration: none; cursor: pointer; transition: background 0.15s, border-color 0.15s; font-family: 'DM Sans', sans-serif; margin-bottom: 16px; }
.mc-google-btn:hover { background: #f4f6fa; border-color: #80d8f0; }
.mc-auth-footer { font-size: 12px; color: #7a9ab8; text-align: center; margin-top: 20px; padding-top: 16px; border-top: 1px solid #eef1f6; line-height: 1.6; }
.mc-auth-footer a { color: #00b8e8; text-decoration: none; }
.mc-auth-footer a:hover { text-decoration: underline; }
.flash { padding: 10px 14px; border-radius: 7px; font-size: 13px; margin-bottom: 18px; }
.flash--success { background: #e4f7ee; border: 1px solid #90d8b0; color: #1a9a60; }
.flash--error   { background: #fdeaea; border: 1px solid #e8a0a0; color: #b83030; }
.mc-mfa-form { margin-top: 8px; }
.mc-mfa-inputs { display: flex; gap: 10px; justify-content: center; margin-bottom: 20px; }
.mc-mfa-digit { width: 46px; height: 54px; text-align: center; font-size: 22px; font-weight: 500; border: 1px solid #ccd8e4; border-radius: 10px; font-family: 'DM Sans', sans-serif; outline: none; transition: border-color 0.15s; color: #0e1a2a; }
.mc-mfa-digit:focus { border-color: #00b8e8; box-shadow: 0 0 0 3px rgba(0,184,232,0.1); }
.mc-btn-primary { display: block; width: 100%; padding: 12px 20px; background: #00b8e8; border: none; border-radius: 8px; font-size: 14px; font-weight: 500; color: #fff; cursor: pointer; font-family: 'DM Sans', sans-serif; }
.mc-btn-primary:hover { background: #0090c0; }
.mc-btn-primary:disabled { opacity: 0.5; cursor: default; }
.mc-resend-link { background: none; border: none; color: #00b8e8; font-size: 13px; cursor: pointer; font-family: 'DM Sans', sans-serif; text-decoration: underline; }