.auth-container{min-height:100vh;padding:var(--space-8) var(--space-4);box-sizing:border-box;--color-bg-light:#fff1d3;--color-bg-card-light:#fff;--color-text-light:#1e104e;--color-text-muted-light:#5b6470;--color-border-light:#d9d2c0;--color-primary:#59b292;--color-primary-hover:#47a07f;--color-secondary:#1e104e;--color-danger:#e74c3c;--color-danger-bg:#e74c3c1a;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--motion-fast:.12s;--motion-default:.2s;--motion-slow:.32s;background:var(--color-bg-light);color:var(--color-text-light);font-family:var(--font-family);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-container *,.auth-container :before,.auth-container :after{box-sizing:border-box}.auth-container:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 10%,#59b2921a,#0000 55%),radial-gradient(circle at 85% 90%,#1e104e0f,#0000 60%);position:absolute;inset:0}.auth-card{background:var(--color-bg-card-light);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--space-8) var(--space-8);z-index:1;color:var(--color-text-light);animation:.4s ease-out fadeIn;position:relative;box-shadow:0 16px 40px #1e104e1a}@media (max-width:480px){.auth-card{padding:var(--space-6) var(--space-5)}}.auth-logo{text-align:center;margin-bottom:var(--space-6)}.auth-logo-image{object-fit:contain;width:min(11rem,70%);height:auto;max-height:4.5rem;margin:0 auto var(--space-3);display:block}.auth-logo h1,.auth-logo h2,.auth-logo h3,.auth-logo p{font-family:var(--font-family)}.auth-logo h1{font-size:var(--text-2xl);margin-bottom:var(--space-1);color:var(--color-secondary);font-weight:700}.auth-logo p{font-size:var(--text-sm);color:var(--color-text-muted-light);margin:0;line-height:1.5}.auth-card h1,.auth-card h2,.auth-card h3{font-family:var(--font-family);color:var(--color-text-light)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-error{align-items:flex-start;gap:var(--space-2);background:var(--color-danger-bg);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);animation:.3s ease-out fadeIn;display:flex}.auth-error-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.auth-error-icon svg{width:100%;height:100%;display:block}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted-light)}.auth-footer a{color:var(--color-primary);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.auth-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}.auth-card .btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);width:100%;min-height:48px;font-size:var(--text-md);font-weight:600;font-family:var(--font-family);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);margin-top:var(--space-2);transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);display:inline-flex;box-shadow:0 4px 12px #59b29247}.auth-card .btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #59b29261}.auth-card .btn-primary:active:not(:disabled){transform:scale(.99)}.auth-card .btn-primary:disabled{background:var(--color-primary);color:#fff;opacity:1;cursor:not-allowed;filter:saturate(.5)brightness(.95)}.auth-card .btn-primary .btn-arrow{width:18px;height:18px;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.auth-card .btn-primary:hover:not(:disabled) .btn-arrow{transform:translate(2px)}.btn-loading{pointer-events:none;opacity:.92;position:relative}.btn-loading:after{content:"";width:18px;height:18px;margin-left:var(--space-2);border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-card .input-group{gap:var(--space-2);flex-direction:column;width:100%;min-width:0;margin-bottom:0;display:flex;position:relative}.auth-card .input-label{font-family:var(--font-family);font-size:var(--text-sm);color:var(--color-text-light);font-weight:500}.auth-card .input-field{font-family:var(--font-family);font-size:var(--text-md);color:var(--color-text-light);caret-color:var(--color-text-light);-webkit-text-fill-color:var(--color-text-light);border:1px solid var(--color-border-light);border-radius:var(--radius-md);width:100%;min-height:48px;padding:var(--space-3) var(--space-4);box-shadow:none;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff}.auth-card .input-field::placeholder{color:var(--color-text-muted-light);-webkit-text-fill-color:var(--color-text-muted-light);opacity:1}.auth-card .input-field:hover:not(:focus):not(:disabled){border-color:#1e104e47}.auth-card .input-field:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #59b2922e}.auth-card .input-field:-webkit-autofill{-webkit-text-fill-color:var(--color-text-light);caret-color:var(--color-text-light);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #fff}.auth-card .input-field:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-light);caret-color:var(--color-text-light);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #fff}.auth-card .input-field:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-light);caret-color:var(--color-text-light);transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #fff}:root[data-theme=dark] .auth-card .input-field,:root[data-theme=trueDark] .auth-card .input-field,:root[data-theme=dark-indigo] .auth-card .input-field{color:var(--color-text-light);-webkit-text-fill-color:var(--color-text-light);border-color:var(--color-border-light);background:#fff}:root[data-theme=dark] .auth-card .input-field::placeholder,:root[data-theme=trueDark] .auth-card .input-field::placeholder,:root[data-theme=dark-indigo] .auth-card .input-field::placeholder{color:var(--color-text-muted-light);-webkit-text-fill-color:var(--color-text-muted-light)}.password-wrapper{width:100%;display:block;position:relative}.password-wrapper .input-field{padding-right:48px}.password-toggle{cursor:pointer;color:var(--color-text-muted-light);border-radius:var(--radius-sm);width:36px;height:36px;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-primary);background:#59b2921a}.password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.password-toggle svg{width:20px;height:20px;display:block}.loading-screen{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:100vh;display:flex}.spinner{border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.auth-card .google-login-section{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:#59b2920f;border:1px solid #59b29238;flex-direction:column;width:100%;margin:0;display:flex}.auth-card .google-login-section-header{align-items:center;gap:var(--space-3);display:flex}.auth-card .google-login-icon{border:1px solid var(--color-border-light);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;box-shadow:0 1px 3px #1e104e0f}.auth-card .google-login-icon svg{width:18px;height:18px}.auth-card .google-login-section-text{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.auth-card .google-login-section-title{font-family:var(--font-family);font-size:var(--text-sm);color:var(--color-secondary);margin:0;font-weight:600;line-height:1.3}.auth-card .google-login-section-subtitle{font-family:var(--font-family);font-size:var(--text-xs);color:var(--color-text-muted-light);margin:0;line-height:1.4}.auth-card .auth-divider{align-items:center;gap:var(--space-3);margin:var(--space-6) 0;color:var(--color-text-muted-light);font-size:var(--text-sm);font-family:var(--font-family);display:flex}.auth-card .auth-divider:before,.auth-card .auth-divider:after{content:"";background:var(--color-border-light);flex:1;height:1px}.google-button-slot{justify-content:center;width:100%;min-height:44px;display:flex}.google-button-slot>div{max-width:360px;min-height:44px;width:100%!important}.google-button-slot>div>div{width:100%!important}@media (max-width:480px){.auth-card .google-login-section{padding:var(--space-3)}.auth-card .google-login-icon{width:32px;height:32px}.auth-card .google-login-icon svg{width:16px;height:16px}}