.login-page{--login-bg:#f1f5f9;--login-card-bg:#fff;--login-border:#e2e8f0;--login-text:#0f172a;--login-text-muted:#64748b;--login-input-bg:#fff;--login-input-border:#e2e8f0;--login-focus:#7c3aed;--login-btn-bg:#0f172a;--login-btn-text:#fff;--login-btn-hover:#1e293b;--login-link:#7c3aed;--login-link-hover:#6d28d9;background:var(--login-bg);min-height:100vh;color:var(--login-text);padding:var(--space-4);justify-content:center;align-items:center;display:flex}.login-page__card{background:var(--login-card-bg);border:1px solid var(--login-border);width:100%;padding:var(--space-5);border-radius:12px;box-shadow:0 1px 3px #0000000f}.login-page__shell{align-items:center;gap:var(--space-4);flex-direction:column;width:100%;max-width:400px;display:flex}.login-page__brand{justify-content:center;display:flex}.login-page__logo{text-decoration:none;display:block}.login-page__logo-img{object-fit:contain;width:170px;height:32px;display:block}.login-page__title{text-align:center;margin:0 0 var(--space-1);color:var(--login-text);font-size:1.5rem;font-weight:700}.login-page__subtitle{color:var(--login-text-muted);text-align:center;margin:0 0 var(--space-5);font-size:.9375rem}.login-page__error{color:#b91c1c;padding:var(--space-2) var(--space-3);margin:0 0 var(--space-4);background:#fef2f2;border-radius:8px;font-size:.875rem}.login-page__magic-sent{color:var(--login-text);text-align:center;padding:var(--space-4);margin:0 0 var(--space-4);background:var(--login-bg);border-radius:8px;font-size:.9375rem}.login-page__form{gap:var(--space-4);flex-direction:column;display:flex}.login-page__field{gap:var(--space-2);flex-direction:column;display:flex}.login-page__field-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.login-page__label{color:var(--login-text);font-size:.875rem;font-weight:500}.login-page__input{width:100%;padding:var(--space-2) var(--space-3);color:var(--login-text);background:var(--login-input-bg);border:1px solid var(--login-input-border);box-sizing:border-box;border-radius:8px;font-size:.9375rem;line-height:1.5}.login-page__input::placeholder{color:var(--login-text-muted)}.login-page__input:focus{border-color:var(--login-focus);outline:none;box-shadow:0 0 0 3px #7c3aed26}.login-page__password-wrap{align-items:center;display:flex;position:relative}.login-page__password-wrap .login-page__input{padding-right:2.75rem}.login-page__password-toggle{right:var(--space-2);width:32px;height:32px;color:var(--login-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.login-page__password-toggle:hover{color:var(--login-text)}.login-page__password-toggle:focus{color:var(--login-text);outline:none}.login-page__forgot{color:var(--login-link);font-size:.875rem;text-decoration:none}.login-page__forgot:hover{color:var(--login-link-hover);text-decoration:underline}.login-page__link{color:var(--login-link);font-weight:500}.login-page__link--disabled,.login-page__forgot.login-page__link--disabled{opacity:.55;cursor:default;pointer-events:none;text-decoration:none}.login-page__link--disabled:hover,.login-page__forgot.login-page__link--disabled:hover{color:var(--login-link);text-decoration:none}.login-page__submit{width:100%;padding:var(--space-2) var(--space-4);color:var(--login-btn-text);background:var(--login-btn-bg);cursor:pointer;margin-top:var(--space-2);border:none;border-radius:8px;font-size:.9375rem;font-weight:600}.login-page__submit:hover{background:var(--login-btn-hover)}.login-page__submit:focus{outline:none;box-shadow:0 0 0 3px #0f172a33}.login-page__divider{align-items:center;gap:var(--space-3);margin:var(--space-4) 0;display:flex}.login-page__divider:before,.login-page__divider:after{content:"";background:var(--login-border);flex:1;height:1px}.login-page__divider span{color:var(--login-text-muted);font-size:.8125rem}.login-page__switch{justify-content:center;display:flex}.login-page__switch-btn{padding:var(--space-2) var(--space-4);color:var(--login-link);border:1px solid var(--login-border);cursor:pointer;background:0 0;border-radius:8px;font-size:.875rem;font-weight:500}.login-page__switch-btn:hover{color:var(--login-link-hover);border-color:var(--login-text-muted);background:var(--login-bg)}.login-page__switch-btn:disabled{opacity:.55;cursor:not-allowed}.login-page__switch-btn:disabled:hover{color:var(--login-link);border-color:var(--login-border);background:0 0}.login-page__magic-hint{margin:0 0 var(--space-3);color:var(--login-text-muted);font-size:.8125rem}.login-page__social{gap:var(--space-3);justify-content:center;display:flex}.login-page__social--hidden{display:none}.login-page__social-btn{background:var(--login-card-bg);border:1px solid var(--login-border);cursor:pointer;width:44px;height:44px;color:var(--login-text);border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.login-page__social-btn:hover{background:var(--login-bg);border-color:var(--login-text-muted)}.login-page__social-btn:focus{border-color:var(--login-focus);outline:none}.login-page__social-btn svg{width:20px;height:20px}.login-page__signup{text-align:center;margin-top:var(--space-4);color:var(--login-text-muted);font-size:.875rem}.login-page__signup a{color:var(--login-link);font-weight:500;text-decoration:none}.login-page__signup .login-page__link--disabled{font-weight:500}.login-page__signup a:hover{color:var(--login-link-hover);text-decoration:underline}.login-page__legal{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--login-border);color:var(--login-text-muted);text-align:center;font-size:.75rem;line-height:1.5}.login-page__legal a{color:var(--login-link);text-decoration:none}.login-page__legal .login-page__link--disabled{font-weight:inherit}.login-page__legal a:hover{text-decoration:underline}