.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);padding:24px;position:relative;overflow:hidden}.login-page::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(37,99,235,0.15) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(30,64,175,0.12) 0%,transparent 50%);animation:gradientShift 15s ease-in-out infinite;pointer-events:none}@keyframes gradientShift{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-5%,-5%) rotate(5deg)}}.login-container{width:100%;max-width:420px;position:relative;z-index:1}.login-card{background:var(--color-bg-overlay);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 60px rgba(0,0,0,0.1);border:1px solid rgba(255,255,255,0.2);overflow:hidden}.login-header{text-align:center;padding:40px 40px 24px}.login-header .logo{height:48px;width:auto;margin-bottom:20px}.login-header h1{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.login-header p{margin:8px 0 0;font-size:0.95rem;color:var(--color-text-secondary)}.login-body{padding:8px 40px 40px}.login-form .form-group{margin-bottom:20px}.login-form .form-group:last-of-type{margin-bottom:24px}.login-form .input-group{position:relative}.login-form .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:1.1rem;z-index:4;pointer-events:none}.login-form .form-control{height:50px;padding:12px 14px 12px 44px;font-size:1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);transition:border-color 0.2s ease,box-shadow 0.2s ease}.login-form .form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-15);outline:none}.login-form .form-control::placeholder{color:var(--color-text-muted)}.login-form .form-label{font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:8px;font-size:0.9rem}.login-form .form-check{display:flex;align-items:center;gap:8px;padding-left:0}.login-form .form-check-input{width:18px;height:18px;margin:0;border:1.5px solid var(--color-border);border-radius:4px;cursor:pointer}.login-form .form-check-input:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.login-form .form-check-label{font-size:0.9rem;color:var(--color-text-secondary);cursor:pointer}.login-form .btn-login{width:100%;height:50px;font-size:1rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);background:var(--color-primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;transition:background 0.2s ease,transform 0.1s ease,box-shadow 0.2s ease}.login-form .btn-login:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px var(--color-primary-alpha-15)}.login-form .btn-login:active{transform:scale(0.98)}.login-form .invalid-feedback{display:block;margin-top:6px;font-size:0.85rem;color:#dc3545}.login-form .form-text{font-size:0.85rem;color:var(--color-text-muted);margin-top:6px}.login-footer{text-align:center;padding:20px 40px;background:var(--color-bg-subtle);border-top:1px solid var(--color-border)}.login-footer a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);font-size:0.9rem;transition:color 0.2s ease}.login-footer a:hover{color:var(--color-primary-dark);text-decoration:underline}.login-back-link{display:flex;justify-content:center;margin-top:24px}.login-back-link a{color:var(--color-text-inverse-85);text-decoration:none;font-size:0.9rem;display:flex;align-items:center;gap:6px;transition:color 0.2s ease}.login-back-link a:hover{color:var(--color-text-inverse)}.mfa-instructions{text-align:center;color:var(--color-text-secondary);font-size:0.95rem;margin-bottom:24px;line-height:1.5}.mfa-instructions .bi{color:var(--color-primary);font-size:2.5rem;display:block;margin-bottom:12px}.resend-section{text-align:center;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.resend-section .btn-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;padding:0;border:none;background:none}.resend-section .btn-link:hover:not(:disabled){text-decoration:underline}.resend-section .btn-link:disabled{color:var(--color-text-muted);cursor:not-allowed}.resend-countdown{display:inline-block;margin-left:8px;color:var(--color-text-muted);font-size:0.85rem}@media (max-width:480px){.login-page{padding:16px}.login-header,.login-body,.login-footer{padding-left:24px;padding-right:24px}.login-header{padding-top:32px;padding-bottom:20px}.login-body{padding-bottom:32px}.login-header h1{font-size:1.5rem}}