.login-page{max-width:928px;width:100%;margin:0 auto;padding:24px 24px 40px;display:grid;grid-template-columns:minmax(0,512px) 340px;gap:28px;align-items:start}.login-card{background:var(--bg-sidebar);border-radius:4px;padding:24px 32px 32px}.login-card h1{font-size:28px;font-weight:300;color:var(--text-dark);margin-bottom:4px}.login-card>p{font-size:14px;color:var(--text-dark);margin-bottom:18px}.login-field{margin-bottom:14px}.login-label{display:block;font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:6px}.login-label-hint{font-weight:400;color:var(--text-light);margin-left:8px;font-size:13px}.login-input-wrapper{position:relative;max-width:100%}.login-input{width:100%;padding:10px 14px;border:1px solid var(--border-gray);border-radius:3px;font-size:14px;color:var(--text-dark);background:var(--surface-raised);font-family:inherit;outline:0}.login-input:focus{border-color:var(--blue-btn);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.password-toggle svg{width:22px;height:22px;fill:var(--text-light)}.password-toggle:hover svg{fill:var(--text-dark)}.login-input.has-toggle{padding-right:44px}.forgot-password{display:inline-block;font-size:14px;color:var(--blue-link);text-decoration:none;margin-bottom:18px}.forgot-password:hover{text-decoration:none}.login-success{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--green);margin-bottom:18px}.login-success-icon{flex-shrink:0;width:18px;height:18px;fill:var(--green)}.login-error{display:none;align-items:center;gap:8px;font-size:14px;color:var(--error-color)}.login-error.visible{display:flex}.login-error-icon{flex-shrink:0;width:18px;height:18px;fill:var(--error-color)}.login-btn{display:block;padding:12px 36px;background:var(--blue-btn);color:var(--white);border:0;border-radius:4px;font-size:15px;font-weight:600;letter-spacing:.5px;cursor:pointer;font-family:inherit;transition:background .2s;margin-bottom:16px}.login-btn:hover:not(:disabled){background:var(--blue-btn-hover)}.login-btn:disabled{opacity:.8}.login-btn-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.login-btn-row .login-btn{margin-bottom:0;flex-shrink:0}.login-or{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:var(--text-light);font-size:12px;text-transform:uppercase;letter-spacing:1px}.login-or::before,.login-or::after{content:"";flex:1;height:1px;background:var(--border-gray)}.passkey-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:100%;padding:11px 20px;background:var(--surface-raised);color:var(--blue-btn);border:1px solid var(--blue-btn);border-radius:4px;font-size:14px;font-weight:600;letter-spacing:.3px;cursor:pointer;font-family:inherit;transition:background .2s,color .2s;margin-bottom:16px}.passkey-btn svg{width:18px;height:18px}.passkey-btn:hover:not(:disabled){background:var(--blue-btn);color:var(--white)}.passkey-btn:disabled{opacity:.6;cursor:not-allowed}.remember-me{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-dark);cursor:pointer}.remember-me input[type="checkbox"]{width:16px;height:16px;accent-color:var(--blue-btn);cursor:pointer}.register-card{border:1px solid var(--border-gray);border-radius:4px;padding:28px 24px;background:var(--surface-raised)}.register-card h2{font-size:28px;font-weight:300;color:var(--text-dark);margin-bottom:12px}.register-card p{font-size:14px;color:var(--text-dark);margin-bottom:20px}.register-card .register-btn{display:inline-block;padding:12px 28px;background:var(--blue-btn);color:var(--white);border:0;border-radius:4px;font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;font-family:inherit;text-decoration:none;transition:background .2s}.register-card .register-btn:hover{background:var(--blue-btn-hover)}@media(max-width:900px){.login-page{grid-template-columns:1fr;gap:24px}.login-card{padding:20px 20px 28px}.login-input-wrapper{max-width:100%}}@media(max-width:480px){.login-page{padding:16px}.login-card h1{font-size:26px}.login-btn{width:100%;text-align:center}}.forgot-modal{display:none;position:fixed;inset:0;z-index:1000}.forgot-modal.open{display:block}.forgot-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}.forgot-modal__dialog{position:relative;max-width:420px;margin:12vh auto 0;background:var(--surface-raised);border-radius:6px;padding:28px 28px 24px;box-shadow:0 12px 40px rgba(0,0,0,.25)}.forgot-modal__dialog h2{font-size:22px;font-weight:300;color:var(--text-dark);margin-bottom:8px}.forgot-modal__dialog>p{font-size:14px;color:var(--text-dark);margin-bottom:18px}.forgot-modal__close{position:absolute;top:8px;right:14px;background:none;border:0;font-size:26px;line-height:1;color:var(--text-muted);cursor:pointer}.forgot-modal__close:hover{color:var(--text-dark)}.forgot-modal__message{display:none;margin-top:12px;font-size:14px;color:var(--text-dark)}.forgot-modal__message.visible{display:block}.forgot-modal__message.is-error{color:var(--error-color)}