.login-auth-page{--auth-teal:#0d9488;--auth-teal-dark:#0f766e;--auth-teal-bright:#14b8a6;--auth-blue:#0284c7;--auth-brand-red:#c0392b;--auth-font-display:var(--font-sora), ui-sans-serif, system-ui, sans-serif;--auth-font-body:var(--font-manrope), ui-sans-serif, system-ui, sans-serif;--auth-bg-deep:#eef2f9;--auth-bg-panel:#f8fafc;--auth-card-from:#fff;--auth-card-to:#f8fafc;--auth-input-bg:#fff;--auth-text-primary:#0f172a;--auth-text-secondary:#475569;--auth-text-tertiary:#64748b;--auth-border-subtle:#0f172a14;--auth-border-input:#0f172a1f;--auth-brand-gradient-from:#0c1224;--auth-brand-gradient-to:#334155;--auth-brand-panel-bg:linear-gradient(160deg, #e8f0f8 0%, #eef2f9 100%);--auth-brand-glow-teal:#0d94881f;--auth-brand-glow-blue:#0284c714;--auth-grid-line:#0f172a0a;--auth-halo:#0d94882e;--auth-card-shadow:0 20px 40px #0f172a14, 0 0 0 1px #0f172a0a inset;--auth-focus-ring:#0d948838;--auth-link-hover:#0f766e;--auth-submit-text:#fff;--auth-submit-shadow:0 4px 16px #0d948847;--auth-submit-shadow-hover:0 8px 24px #0d948859;--auth-toggle-hover-bg:#0f172a0d;--auth-error-border:#dc262659;--auth-error-bg:#dc262614;--auth-error-text:#b91c1c;--auth-success-border:#0d948859;--auth-success-bg:#0d948814;--auth-success-text:#0f766e;--auth-checkbox-checked-fg:#fff;background:var(--auth-bg-deep);color:var(--auth-text-primary);font-family:var(--auth-font-body)}.dark .login-auth-page{--auth-teal:#2dd4bf;--auth-teal-dark:#14b8a6;--auth-teal-bright:#5eead4;--auth-blue:#38bdf8;--auth-bg-deep:#0a0e1a;--auth-bg-panel:#0d1322;--auth-card-from:#131a2b;--auth-card-to:#0f1626;--auth-input-bg:#0c1120;--auth-text-primary:#f1f5fb;--auth-text-secondary:#8a96ad;--auth-text-tertiary:#5d6880;--auth-border-subtle:#ffffff12;--auth-border-input:#ffffff1a;--auth-brand-gradient-from:#fff;--auth-brand-gradient-to:#c5cdd9;--auth-brand-panel-bg:linear-gradient(160deg, #0c1224 0%, #0a0e1a 100%);--auth-brand-glow-teal:#2dd4bf24;--auth-brand-glow-blue:#38bdf814;--auth-grid-line:#ffffff05;--auth-halo:#2dd4bf38;--auth-card-shadow:0 24px 48px #00000073, 0 0 0 1px #ffffff08 inset;--auth-focus-ring:#2dd4bf2e;--auth-link-hover:#5eead4;--auth-submit-text:#042f2e;--auth-submit-shadow:0 4px 20px #2dd4bf59;--auth-submit-shadow-hover:0 8px 28px #2dd4bf6b;--auth-toggle-hover-bg:#ffffff0d;--auth-error-border:#f8717159;--auth-error-bg:#f871711a;--auth-error-text:#fca5a5;--auth-success-border:#2dd4bf59;--auth-success-bg:#2dd4bf1a;--auth-success-text:#2dd4bf;--auth-checkbox-checked-fg:#042f2e}.login-auth-page :focus-visible{outline:none}@keyframes auth-fade-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.auth-brand-panel{background:var(--auth-brand-panel-bg);animation:.65s cubic-bezier(.22,1,.36,1) forwards auth-fade-rise;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";background:radial-gradient(ellipse 70% 55% at 50% 38%, var(--auth-brand-glow-teal) 0%, transparent 65%), radial-gradient(ellipse 50% 40% at 80% 20%, var(--auth-brand-glow-blue) 0%, transparent 55%);pointer-events:none;position:absolute;inset:0}.auth-brand-grid{background-image:linear-gradient(var(--auth-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--auth-grid-line) 1px, transparent 1px);pointer-events:none;background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 50% 45%,#000 15%,#0000 72%);mask-image:radial-gradient(75% 70% at 50% 45%,#000 15%,#0000 72%)}.auth-logo-halo{background:radial-gradient(circle, var(--auth-halo) 0%, transparent 68%);filter:blur(40px);pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.auth-brand-content{z-index:1;max-width:440px;position:relative}.auth-brand-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--auth-teal);font-size:.6875rem;font-weight:600}.auth-brand-title{font-family:var(--auth-font-display);letter-spacing:-.02em;background:linear-gradient(180deg, var(--auth-brand-gradient-from) 0%, var(--auth-brand-gradient-to) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.25rem,4.5vw,2.875rem);font-weight:700;line-height:1.15}.auth-brand-subtitle{color:var(--auth-text-secondary);font-size:1rem;line-height:1.65}.auth-brand-trust{color:var(--auth-text-tertiary);align-items:center;gap:.5rem;font-size:.8125rem;display:inline-flex}.auth-form-section{background:var(--auth-bg-panel);opacity:0;animation:.65s cubic-bezier(.22,1,.36,1) .1s forwards auth-fade-rise}.auth-form-card{background:linear-gradient(145deg, var(--auth-card-from) 0%, var(--auth-card-to) 100%);border:1px solid var(--auth-border-subtle);box-shadow:var(--auth-card-shadow);border-radius:18px}.auth-accent-bar{background:linear-gradient(90deg, var(--auth-blue) 0%, var(--auth-teal) 100%);border-radius:2px;width:44px;height:4px}.auth-card-title{font-family:var(--auth-font-display);letter-spacing:-.02em;color:var(--auth-text-primary);font-size:1.875rem;font-weight:700}.auth-card-lead{color:var(--auth-text-secondary);font-size:.9375rem;line-height:1.55}.auth-field-label{color:var(--auth-text-secondary);font-size:.875rem;font-weight:500}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{width:1.125rem;height:1.125rem;color:var(--auth-text-tertiary);pointer-events:none;transition:color .2s;position:absolute;left:.875rem}.auth-input-wrap:focus-within .auth-input-icon{color:var(--auth-teal)}.auth-input{border:1px solid var(--auth-border-input);background:var(--auth-input-bg);width:100%;height:2.75rem;color:var(--auth-text-primary);font-family:var(--auth-font-body);border-radius:11px;padding:0 2.75rem 0 2.625rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:var(--auth-text-tertiary)}.auth-input:focus{border-color:var(--auth-teal);box-shadow:0 0 0 4px var(--auth-focus-ring);outline:none}.auth-input-toggle{width:2rem;height:2rem;color:var(--auth-text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:absolute;right:.5rem}.auth-input-toggle:hover{color:var(--auth-text-secondary);background:var(--auth-toggle-hover-bg)}.auth-input-toggle:focus-visible{box-shadow:0 0 0 2px var(--auth-teal)}.auth-link{color:var(--auth-teal);font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .2s}.auth-link:hover{color:var(--auth-link-hover)}.auth-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;display:flex}.auth-checkbox input{opacity:0;width:0;height:0;position:absolute}.auth-checkbox-box{border:1px solid var(--auth-border-input);background:var(--auth-input-bg);border-radius:4px;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.auth-checkbox input:focus-visible+.auth-checkbox-box{box-shadow:0 0 0 3px var(--auth-focus-ring)}.auth-checkbox input:checked+.auth-checkbox-box{background:var(--auth-teal);border-color:var(--auth-teal);color:var(--auth-checkbox-checked-fg)}.auth-checkbox-label{color:var(--auth-text-secondary);font-size:.875rem}.auth-submit{width:100%;height:2.75rem;font-family:var(--auth-font-display);color:var(--auth-submit-text);background:linear-gradient(180deg, var(--auth-teal-bright) 0%, var(--auth-teal-dark) 100%);box-shadow:var(--auth-submit-shadow);cursor:pointer;border:none;border-radius:11px;font-size:.9375rem;font-weight:700;transition:transform .2s,filter .2s,box-shadow .2s}.auth-submit:hover:not(:disabled){filter:brightness(1.04);box-shadow:var(--auth-submit-shadow-hover);transform:translateY(-2px)}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-divider{color:var(--auth-text-tertiary);align-items:center;gap:1rem;font-size:.8125rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--auth-border-subtle);flex:1;height:1px}.auth-footnote{color:var(--auth-text-tertiary);text-align:center;font-size:.8125rem;line-height:1.55}.auth-error{border:1px solid var(--auth-error-border);background:var(--auth-error-bg);color:var(--auth-error-text);border-radius:11px;padding:.75rem 1rem;font-size:.875rem}.auth-success{border:1px solid var(--auth-success-border);background:var(--auth-success-bg);color:var(--auth-success-text);border-radius:11px;padding:.75rem 1rem;font-size:.875rem}
