@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lg-login-container{background:linear-gradient(135deg,#a4b3fa 0%,#ebeff1 100%);justify-content:center;align-items:center;height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.lg-login-card{background:#fff;border-radius:20px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.lg-step-header{background-color:#f9fbff;border-bottom:1px solid #00000017;justify-content:center;align-items:center;padding:25px 10px 15px;display:flex}.lg-step-header img{width:160px;height:auto}.lg-steps-container{min-height:350px;padding:30px}.lg-step{opacity:1;transition:all .3s ease-in-out;transform:translate(0)}.lg-step-title{text-align:center;margin-bottom:30px}.lg-step-title h2{color:#313131;margin:0 0 8px;font-size:24px;font-weight:600}.lg-step-title p{color:#6b7280;margin:0;font-size:16px}.lg-form{flex-direction:column;gap:20px;display:flex}.lg-form-group{flex-direction:column;gap:8px;display:flex}.lg-form-label{color:#374151;font-size:14px;font-weight:600}.lg-form-label.inst{flex-direction:row;align-items:center;gap:12px;display:flex}.lg-form-label.inst div{font-size:14px;font-weight:500}.lg-form-input{color:#111827;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:12px 16px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;transition:all .2s}.lg-form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.lg-form-input::placeholder{color:#9ca3af}.lg-form-input.lg-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.lg-form-input:disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.lg-password-input{align-items:center;width:100%;display:flex;position:relative}.lg-password-input input{width:100%;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.lg-password-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.lg-password-toggle:hover:not(:disabled){color:#374151;background:#f3f4f6}.lg-password-toggle:disabled{opacity:.5;cursor:not-allowed}.lg-error-text{color:#ef4444;font-size:12px;font-weight:500}.lg-error-banner{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;font-size:14px}.lg-form-options{text-align:right}.lg-forgot-password{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:500;text-decoration:none}.lg-forgot-password:hover{text-decoration:underline}.lg-login-btn,.lg-verify-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:Poppins;font-size:16px;font-weight:600;transition:all .2s;display:flex}.lg-login-btn:hover:not(:disabled),.lg-verify-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.lg-login-btn:disabled,.lg-verify-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.lg-demo-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin-top:20px;padding:16px}.lg-demo-info p{color:#0369a1;margin:4px 0;font-size:14px}.lg-demo-info p:first-child{font-weight:600}.lg-2fa-verify{flex-direction:column;gap:14px;display:flex}.lg-totp-form{flex-direction:column;gap:20px;display:flex}.lg-totp-input{text-align:center;letter-spacing:8px;font-weight:600;padding:16px!important;font-size:24px!important}.lg-form-actions{gap:12px;margin-top:20px;display:flex}.lg-back-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 20px;font-family:Poppins;font-size:16px;font-weight:500;transition:all .2s;display:flex}.lg-back-btn:hover:not(:disabled){color:#374151;background:#e5e7eb}.lg-back-btn:disabled{opacity:.6;cursor:not-allowed}.lg-footer{text-align:center;background:#f8fafc;border-top:1px solid #e5e7eb;padding:20px 30px}.lg-footer p{color:#6b7280;margin:0;font-size:14px}.lg-footer a{color:#3b82f6;font-weight:500;text-decoration:none}.lg-footer a:hover{text-decoration:underline}.lg-loading-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.lg-dev-notice{color:#92400e;background-color:#fef3c7;border-radius:0;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.lg-dev-notice svg{flex-shrink:0}