.auth-page{--au-bg:#f6f7ff;--au-surface:#fff;--au-ink:#0b1030;--au-ink2:#434d68;--au-line:#cfd5ec;--au-soft:#eceeff;--au-brand:#00009f;--au-brand2:#2424ff;--au-link:#00009f;--au-err-bg:#fdf2f2;--au-err-line:#f3c9c9;--au-err-fg:#9b2c2c;--au-ok-bg:#f0fdf4;--au-ok-line:#bbf7d0;--au-ok-fg:#166534;--au-ring:#2424ff47;background:var(--au-bg);min-height:100dvh;color:var(--au-ink);display:flex}[data-theme=dark] .auth-page{--au-bg:#050816;--au-surface:#0b1126;--au-ink:#eef1ff;--au-ink2:#aab4d2;--au-line:#2a3563;--au-soft:#111a3a;--au-link:#a5b4fc;--au-err-bg:#f8717124;--au-err-line:#f8717159;--au-err-fg:#fca5a5;--au-ok-bg:#4ade801f;--au-ok-line:#4ade804d;--au-ok-fg:#86efac;--au-ring:#a5b4fc66}.auth-page .auth-brand-panel{background:linear-gradient(150deg,#00007a 0%,#00009f 45%,#1a1ae0 100%);flex:46%;justify-content:center;align-items:center;max-height:none;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.auth-page .auth-brand-panel:before,.auth-page .auth-brand-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff24,#fff0 70%);border-radius:50%;position:absolute}.auth-page .auth-brand-panel:before{width:520px;height:520px;top:-200px;right:-180px}.auth-page .auth-brand-panel:after{width:420px;height:420px;bottom:-220px;left:-160px}.auth-page .auth-brand-inner{z-index:1;max-width:400px;position:relative}.auth-page .auth-brand-home{color:#fff;font-family:var(--font-family-Montserrat,inherit);align-items:center;gap:10px;margin-bottom:2.5rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.auth-page .auth-brand-logo{object-fit:contain;background:#fff;border-radius:10px;width:40px;height:40px;margin:0;padding:6px}.auth-page .auth-brand-title{font-family:var(--font-family-Montserrat,inherit);color:#fff;margin:0 0 .9rem;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:800;line-height:1.2}.auth-page .auth-brand-desc{color:#ffffffd1;margin:0 0 2rem;font-size:1rem;line-height:1.6}.auth-page .auth-brand-bullets{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.auth-page .auth-bullet{color:#ffffffeb;align-items:flex-start;gap:12px;font-size:.95rem;line-height:1.4;display:flex}.auth-page .auth-bullet-dot{background:#8fa0ff;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.4em;box-shadow:0 0 0 4px #8fa0ff38}.auth-page .auth-form-panel{background:var(--au-bg);flex:54%;justify-content:center;align-items:center;max-height:none;padding:2rem 1.5rem;display:flex;overflow:visible}.auth-page .auth-card{background:var(--au-surface);border:1px solid var(--au-line);border-radius:20px;width:100%;max-width:440px;padding:2.25rem 2.25rem 2rem;position:relative;box-shadow:0 24px 60px -32px #00009f59}[data-theme=dark] .auth-page .auth-card{box-shadow:0 24px 60px -32px #000c}.auth-page .auth-back-home{color:var(--au-ink2);align-items:center;gap:6px;margin-bottom:1.25rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.auth-page .auth-back-home:hover{color:var(--au-link)}.auth-page .auth-logo-wrap{display:none}.auth-page .auth-heading{font-family:var(--font-family-Montserrat,inherit);text-align:left;color:var(--au-ink);margin:0 0 6px;font-size:1.5rem;font-weight:800}.auth-page .auth-sub{text-align:left;color:var(--au-ink2);margin:0 0 1.5rem;font-size:.95rem}.auth-page .auth-error-box{background:var(--au-err-bg);border:1px solid var(--au-err-line);color:var(--au-err-fg);font-size:.9rem}.auth-page .auth-success-box{background:var(--au-ok-bg);border:1px solid var(--au-ok-line);color:var(--au-ok-fg);font-size:.9rem}.auth-page .auth-field label,.auth-page .auth-label-row label{color:var(--au-ink);font-size:.85rem;font-weight:700}.auth-page .auth-input-icon{color:var(--au-ink2)}.auth-page .auth-input-wrap input{background:var(--au-surface);height:48px;color:var(--au-ink);border:1px solid var(--au-line);box-shadow:none;border-radius:12px;font-size:16px}.auth-page .auth-input-wrap input::placeholder{color:var(--au-ink2);opacity:.7}.auth-page .auth-input-wrap input:hover{border-color:var(--au-ink2)}.auth-page .auth-input-wrap input:focus,.auth-page .auth-input-wrap input:focus-visible{border-color:var(--au-brand2);box-shadow:0 0 0 3px var(--au-ring);outline:none}[data-theme=dark] .auth-page .auth-input-wrap input:focus{border-color:#a5b4fc}.auth-page .auth-input-wrap input[aria-invalid=true]{border-color:var(--au-err-fg)}.auth-page .auth-forgot-link{color:var(--au-link);font-size:.85rem;font-weight:600}.auth-page .auth-eye-btn{width:32px;height:32px;color:var(--au-ink2);border-radius:8px;justify-content:center}.auth-page .auth-eye-btn:hover{color:var(--au-ink);background:var(--au-soft)}.auth-page .auth-eye-btn:focus-visible,.auth-page .auth-forgot-link:focus-visible,.auth-page .auth-footer-link:focus-visible,.auth-page .auth-back-home:focus-visible,.auth-page .auth-brand-home:focus-visible{outline:2px solid var(--au-brand2);outline-offset:2px}.auth-page .auth-brand-home:focus-visible{outline-color:#fff}.auth-page .auth-hint{color:var(--au-err-fg);margin:0;font-size:.8rem}.auth-page .auth-submit-btn{color:#fff;background:linear-gradient(135deg,#00009f,#2424ff);border-radius:12px;height:48px;font-size:1rem;font-weight:700;transition:transform .15s,box-shadow .15s,filter .15s;box-shadow:0 10px 24px -12px #00009fb3}.auth-page .auth-submit-btn:hover:not(:disabled){filter:brightness(1.1);background:linear-gradient(135deg,#00009f,#2424ff);transform:translateY(-1px)}.auth-page .auth-submit-btn:focus-visible{outline:2px solid var(--au-brand2);outline-offset:3px}.auth-page .auth-submit-btn:disabled{color:#fff;opacity:.7;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#00009f,#2424ff)}.auth-page .auth-divider{color:var(--au-ink2);align-items:center;gap:12px;margin:1.25rem 0 0;font-size:.8rem;display:flex}.auth-page .auth-divider:before,.auth-page .auth-divider:after{content:"";background:var(--au-line);flex:1;height:1px}.auth-page .auth-google-btn{border:1px solid var(--au-line);background:var(--au-surface);width:100%;height:48px;color:var(--au-ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:1.25rem;padding:0 12px;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.auth-page .auth-google-btn:hover:not(:disabled){background:var(--au-soft);border-color:var(--au-ink2)}.auth-page .auth-google-btn:focus-visible{outline:2px solid var(--au-brand2);outline-offset:2px}.auth-page .auth-google-btn:disabled{opacity:.65;cursor:not-allowed}.auth-page .auth-footer-text{color:var(--au-ink2);margin-top:1.25rem;font-size:.9rem}.auth-page .auth-footer-link,.auth-page .auth-back-link{color:var(--au-link)}@media (width<=900px){.auth-page .auth-brand-panel{padding:2rem 1.5rem}}@media (width<=768px){.auth-page{flex-direction:column}.auth-page .auth-brand-panel{flex:none;justify-content:flex-start;padding:1.25rem 1.25rem 1.5rem;display:flex}.auth-page .auth-brand-inner{width:100%;max-width:none}.auth-page .auth-brand-home{margin-bottom:1rem}.auth-page .auth-brand-title{margin-bottom:0;font-size:1.35rem}.auth-page .auth-brand-desc,.auth-page .auth-brand-bullets{display:none}.auth-page .auth-form-panel{flex:1;align-items:flex-start;padding:1.25rem 1rem 2rem}.auth-page .auth-card{border-radius:18px;margin-top:-2.25rem;padding:1.5rem 1.25rem}.auth-page .auth-back-home{display:none}}@media (prefers-reduced-motion:reduce){.auth-page .auth-submit-btn,.auth-page .auth-google-btn{transition:none}.auth-page .auth-submit-btn:hover:not(:disabled){transform:none}.auth-page .auth-spinner{animation-duration:2s}}