*{box-sizing:border-box}.login-root{min-height:100vh;display:flex;background:#f3f4f6}.login-left{width:35%;min-height:100vh;background:#ffffff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 4rem}.login-left-inner{width:100%;max-width:360px}.login-right{flex:1;background:linear-gradient(145deg,var(--color-primary,#1E40AF) 0%,color-mix(in srgb,var(--color-primary,#1E40AF) 82%,black) 55%,color-mix(in srgb,var(--color-primary,#1E40AF) 55%,black) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 4.5rem;position:relative;overflow:hidden;text-align:center}.login-right::before{content:'';position:absolute;top:-120px;right:-120px;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,0.06);pointer-events:none}.login-right::after{content:'';position:absolute;bottom:-100px;left:-80px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,0.05);pointer-events:none}.brand-wrap{margin-bottom:2.5rem}.brand-logo{display:block;width:190px;height:auto;margin:0 auto}.brand-logo-dark{filter:brightness(0)}.brand-name{font-size:1rem;font-weight:700;color:#1a202c;letter-spacing:-0.01em}.brand-sub{font-size:0.75rem;color:#718096;margin-top:1px}.login-heading{font-size:1.75rem;font-weight:800;color:#1a202c;line-height:1.2;margin-bottom:0.5rem;text-align:center}.login-subheading{font-size:0.875rem;color:#718096;margin-bottom:2rem;line-height:1.5;text-align:center}.login-error{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:0.75rem 1rem;margin-bottom:1.25rem;font-size:0.8125rem;color:#c53030}.btn-auth0{display:flex;align-items:center;justify-content:center;gap:0.625rem;width:100%;padding:0.8125rem 1.25rem;background:var(--color-primary,#1E40AF);color:#fff;font-size:0.9375rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;text-decoration:none;transition:background 0.18s ease,box-shadow 0.18s ease,transform 0.12s ease;box-shadow:0 4px 14px color-mix(in srgb,var(--color-primary,#1E40AF) 35%,transparent)}.btn-auth0:hover{background:color-mix(in srgb,var(--color-primary,#1E40AF) 82%,black);box-shadow:0 6px 20px color-mix(in srgb,var(--color-primary,#1E40AF) 45%,transparent);transform:translateY(-1px)}.btn-auth0:active{transform:translateY(0)}.btn-auth0 .spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,0.4);border-top-color:#fff;border-radius:50%;animation:spin 0.7s linear infinite}.btn-auth0-outline{display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;padding:0.6875rem 1.25rem;background:transparent;color:#4a5568;font-size:0.875rem;font-weight:500;border-radius:10px;border:1.5px solid #e2e8f0;cursor:pointer;text-decoration:none;transition:border-color 0.15s ease,color 0.15s ease,background 0.15s ease}.btn-auth0-outline:hover{border-color:var(--color-primary,#1E40AF);color:var(--color-primary,#1E40AF);background:color-mix(in srgb,var(--color-primary,#1E40AF) 4%,transparent)}.security-label{font-size:0.6875rem;color:#a0aec0;text-align:center;margin-top:1.5rem;margin-bottom:0.625rem}.security-row{display:flex;align-items:center;justify-content:center;gap:1.25rem}.badge{display:flex;align-items:center;gap:0.3rem;font-size:0.6875rem;color:#4a5568;font-weight:500}.badge-icon{color:var(--color-primary,#1E40AF);flex-shrink:0}.support-link{margin-top:2rem;font-size:0.8rem;color:#718096;text-align:center}.support-link a{color:var(--color-primary,#1E40AF);font-weight:600;text-decoration:none}.support-link a:hover{text-decoration:underline}.right-logo{width:350px;height:auto;margin-bottom:1.75rem;opacity:0.95}.active-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.2);border-radius:20px;padding:0.3rem 0.875rem;font-size:0.8125rem;color:#fff;font-weight:500;margin-bottom:2.5rem}.active-dot{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--color-primary,#1E40AF) 45%,white);box-shadow:0 0 0 2px color-mix(in srgb,color-mix(in srgb,var(--color-primary,#1E40AF) 45%,white) 35%,transparent);animation:pulse 2s ease-in-out infinite}.hero-icon{width:72px;height:72px;background:rgba(255,255,255,0.15);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.2);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.right-heading{font-size:2.25rem;font-weight:800;color:#ffffff;line-height:1.2;margin-bottom:1rem;letter-spacing:-0.02em}.right-subheading{font-size:0.9375rem;color:rgba(255,255,255,0.75);line-height:1.6;margin-bottom:2.25rem;max-width:420px}.right-footer{font-size:0.75rem;color:#ffffff;margin-top:2rem;text-align:center}.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem;margin-bottom:2.5rem;width:100%;max-width:540px}.module-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,0.16);border-radius:14px;padding:1rem 0.75rem;display:flex;flex-direction:column;align-items:center;gap:0.5rem;cursor:default;transition:background 0.18s ease,transform 0.15s ease,border-color 0.18s ease}.module-card:hover{background:rgba(255,255,255,0.18);border-color:rgba(255,255,255,0.3);transform:translateY(-2px)}.module-icon{width:38px;height:38px;background:rgba(255,255,255,0.18);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:0.125rem}.module-name{font-size:0.8125rem;font-weight:700;color:#ffffff;line-height:1.2}.module-desc{font-size:0.6875rem;color:rgba(255,255,255,0.65);line-height:1.4}.form-group{margin-bottom:1rem}.form-group--last{margin-bottom:1.5rem}.form-label{display:block;font-size:0.8125rem;font-weight:600;color:#4a5568;margin-bottom:0.375rem}.form-input{width:100%;padding:0.6875rem 0.875rem;border:1.5px solid #e2e8f0;border-radius:8px;font-size:0.875rem;color:#1a202c;background:#fafafa;outline:none;transition:border-color 0.15s ease,box-shadow 0.15s ease}.form-input:focus{border-color:var(--color-primary,#1E40AF);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary,#1E40AF) 12%,transparent);background:#fff}.form-input::placeholder{color:#cbd5e0}.input-pw-wrap{position:relative}.input-pw-wrap .form-input{padding-right:2.75rem}.pw-toggle{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.login-divider{display:flex;align-items:center;gap:0.75rem;margin:1.25rem 0}.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:#e2e8f0}.login-divider span{white-space:nowrap;font-size:0.75rem;color:#a0aec0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 2px color-mix(in srgb,color-mix(in srgb,var(--color-primary,#1E40AF) 45%,white) 35%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,color-mix(in srgb,var(--color-primary,#1E40AF) 45%,white) 10%,transparent)}}@media (max-width:768px){.login-root{flex-direction:column}.login-left{width:100%;min-height:auto;padding:2.5rem 1.5rem}.login-right{padding:3rem 1.5rem 4rem}.right-logo{width:220px}.right-heading{font-size:1.75rem}.right-footer{margin-top:1.5rem}.modules-grid{grid-template-columns:repeat(2,1fr)}}