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