.login-overlay{--brand-gradient:linear-gradient(135deg, #00f0ff 0%, #09c 100%);--error:#f87171;--radius-sm:6px;--radius-md:10px;--radius-xl:20px;--login-overlay-bg:#000000d1;--login-brand-panel-bg:#080808;--login-form-panel-bg:#0d0d0d;--login-input-bg:#141414;--login-border-sub:#1e1e1e;--login-border-mid:#2a2a2a;--login-text-primary:#fff;--login-text-secondary:#d6d6d6;--login-divider:#9a9a9a;--login-hover-bg:#161616;--login-hover-border:#3a3a3a;--login-input-placeholder:#e6e3e3;--login-password-icon:#444;--login-ring-color:#00f0ff17;--login-ring-color-strong:#00f0ff21;--login-brand-grid:#00f0ff0e;--login-shadow:0 32px 80px #00000073;--login-hero-shadow:inset 0 1px 0 #ffffff05}[data-theme=light] .login-overlay{--login-overlay-bg:#f0f4f8d6;--login-brand-panel-bg:#f4f7fb;--login-form-panel-bg:#fff;--login-input-bg:#f8fafc;--login-border-sub:#d0d7e2;--login-border-mid:#c2cdd9;--login-text-primary:#0d1117;--login-text-secondary:#334155;--login-divider:#5b687a;--login-hover-bg:#eef6fa;--login-hover-border:#b8c7d7;--login-input-placeholder:#64748b;--login-password-icon:#64748b;--login-ring-color:#00f0ff21;--login-ring-color-strong:#00f0ff2e;--login-brand-grid:#00f0ff13;--login-shadow:0 28px 70px #0d111729;--login-hero-shadow:inset 0 1px 0 #ffffffa6}*{box-sizing:border-box;margin:0;padding:0}.text-gradient{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-overlay{background:var(--login-overlay-bg);z-index:100000;font-family:var(--font-satoshi), sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;justify-content:center;align-items:center;animation:.22s ease-out loginOverlayFadeIn;display:flex;position:fixed;inset:0}[data-theme=light] .login-overlay{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@keyframes loginOverlayFadeIn{0%{opacity:0}to{opacity:1}}.login-container{transform-origin:50%;will-change:transform, opacity;border-radius:var(--radius-xl);border:1px solid var(--login-border-sub);background:var(--login-form-panel-bg);width:92%;max-width:1000px;height:620px;box-shadow:var(--login-shadow);animation:.22s cubic-bezier(.16,1,.3,1) loginCardScaleUp;display:flex;position:relative;overflow:hidden}@keyframes loginCardScaleUp{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.login-left-container.login-hero-section{background:var(--login-brand-panel-bg);background-image:radial-gradient(circle, var(--login-brand-grid) 1px, transparent 1px);width:53.5%;color:var(--login-text-primary);border-right:1px solid var(--login-border-sub);box-shadow:var(--login-hero-shadow);background-size:28px 28px;flex-direction:column;flex:1.15 0;justify-content:space-between;padding:3rem 2.75rem;display:flex;position:relative;overflow:hidden}.login-left-container.login-hero-section:before{content:"";border:1px solid var(--login-ring-color);pointer-events:none;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-90px;right:-90px}.login-left-container.login-hero-section:after{content:"";border:1px solid var(--login-ring-color-strong);pointer-events:none;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-45px;right:-45px}.hero-content{z-index:1;flex-direction:column;flex:1;justify-content:space-between;height:100%;display:flex;position:relative}.brand-container-hero{justify-content:flex-start;align-items:center;gap:.3rem;display:flex}.brand-container-hero img{object-fit:contain;width:42px;height:42px}.brand-title-hero{font-family:var(--font-logo);color:var(--login-text-primary);letter-spacing:.03em;margin-top:6px;font-size:1.3rem;font-weight:400;line-height:1}.brand-accent-hero{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.hero-text-group{flex-direction:column;gap:1rem;display:flex}.hero-text-large h2{font-size:2.25rem;font-family:var(--font-heading);letter-spacing:-.025em;color:var(--login-text-primary);font-weight:800;line-height:1.15}.hero-subtext{font-family:var(--font-body);color:var(--login-text-secondary);max-width:360px;font-size:.93rem;font-weight:700;line-height:1.6}.hero-meta{color:var(--login-text-secondary);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.hero-meta span{white-space:nowrap}.login-right-container.form-section{background:var(--login-form-panel-bg);flex-direction:column;flex:1 0;justify-content:center;align-items:center;width:46.5%;padding:3rem;display:flex;position:relative}.close-btn{color:var(--login-text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.2rem;line-height:1;transition:color .15s;position:absolute;top:1.25rem;right:1.25rem}.close-btn:hover{color:var(--login-text-primary)}.login-header{text-align:center;width:100%;margin-bottom:1.75rem}.welcome-title{font-family:var(--font-heading);color:var(--login-text-primary);letter-spacing:-.025em;margin-bottom:.35rem;font-size:1.75rem;font-weight:700}.welcome-subtitle{color:var(--login-text-secondary);font-size:.9rem;line-height:1.5}.form-container{width:100%;max-width:360px;margin:0 auto}.google-btn{border:1px solid var(--login-border-mid);border-radius:var(--radius-md);width:100%;height:46px;color:var(--login-text-secondary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.6rem;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.google-btn:hover:not(:disabled){background:var(--login-hover-bg);border-color:var(--login-hover-border);color:var(--login-text-primary)}.google-btn:disabled{opacity:.45;cursor:not-allowed}.google-icon{font-size:1.05rem}.divider{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.75rem;margin:1.1rem 0;font-size:.72rem;display:flex}.divider:before,.divider:after{content:"";background:var(--login-border-sub);flex:1;height:1px}.divider span{white-space:nowrap}.form-group{margin-bottom:.875rem}.input-wrapper{position:relative}.form-input{border:1px solid var(--login-border-sub);border-radius:var(--radius-md);background:var(--login-input-bg);width:100%;height:46px;color:var(--login-text-primary);font-size:.875rem;font-family:var(--font-satoshi), sans-serif;outline:none;padding:0 1rem;transition:border-color .15s}.form-input:focus{border-color:#00d0e0}.form-input::placeholder{color:var(--login-input-placeholder)}.form-input.input-error{border-color:var(--error)}.error-message{color:var(--error);margin-top:.3rem;font-size:.75rem;display:block}.password-wrapper{position:relative}.password-toggle{color:var(--login-password-icon);cursor:pointer;background:0 0;border:none;align-items:center;font-size:1rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.875rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--login-text-secondary)}.form-options{justify-content:flex-end;align-items:center;margin-bottom:1.1rem;display:flex}.forgot-link{color:var(--login-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;font-size:.82rem;font-weight:500;transition:color .15s;display:flex}.forgot-link:hover{color:var(--login-text-secondary)}.submit-btn{background:var(--brand-gradient);color:#000;border-radius:var(--radius-md);width:100%;height:46px;font-size:.9rem;font-weight:700;font-family:var(--font-satoshi), sans-serif;cursor:pointer;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:.5rem;transition:opacity .15s;display:flex}.submit-btn:hover:not(:disabled){opacity:.88}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.submit-btn .loading-spinner{border:2px solid #00000040;border-top-color:#000;border-radius:50%;flex-shrink:0;width:17px;height:17px;animation:.75s linear infinite loginSpinner}.google-btn .loading-spinner{border:2px solid #ffffff26;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:17px;height:17px;animation:.75s linear infinite loginSpinner}@keyframes loginSpinner{to{transform:rotate(360deg)}}.auth-switch{text-align:center;color:var(--login-text-secondary);margin-top:1.1rem;font-size:.85rem}.switch-btn{background:0 0;background:var(--brand-gradient);-webkit-text-fill-color:transparent;cursor:pointer;-webkit-background-clip:text;background-clip:text;border:none;margin-left:.2rem;font-size:.85rem;font-weight:600}[data-theme=light] .hero-subtext,[data-theme=light] .welcome-subtitle,[data-theme=light] .auth-switch,[data-theme=light] .forgot-link,[data-theme=light] .hero-meta{color:var(--login-text-secondary)}@media (max-width:768px){.login-container{flex-direction:column;width:95%;height:auto;max-height:95vh;overflow-y:auto}.login-left-container.login-hero-section{display:none}.login-right-container.form-section{width:100%;padding:2.25rem 1.75rem}.welcome-title{font-size:1.5rem}}