.login-page{background:#e8e0d4;justify-content:center;align-items:center;min-height:100vh;padding:16px;font-family:Georgia,serif;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:380px;padding:40px;box-shadow:0 4px 24px #0000001a}.login-logo-row{align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-title{color:#1a1a1a;margin:0;font-family:Georgia,serif;font-size:24px;font-weight:700;line-height:1.2}.login-subtitle{color:#888;margin:2px 0 0;font-size:13px}.login-error{color:#c84b2f;background:#fef0ed;border:1px solid #f5d5cf;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.login-field{margin-bottom:16px}.login-label{color:#444;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-input{color:#1a1a1a;box-sizing:border-box;background:#fff;border:1.5px solid #ddd;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-input::placeholder{color:#bbb}.login-input:focus{border-color:#1a1a1a;outline:none;box-shadow:0 0 0 3px #1a1a1a1a}.login-password-wrap{position:relative}.login-password-wrap .login-input{padding-right:44px}.login-toggle-pw{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-toggle-pw:hover{color:#444}.login-toggle-pw:focus-visible{outline-offset:2px;outline:2px solid #1a1a1a}.login-forgot-row{text-align:right;margin-bottom:20px}.login-forgot{color:#888;font-size:12px;text-decoration:none;transition:color .15s}.login-forgot:hover{color:#1a1a1a;text-decoration:underline}.login-forgot:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #1a1a1a}.login-submit{color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,opacity .15s;display:flex}.login-submit:hover:not(:disabled){background:#333}.login-submit:focus-visible{outline-offset:2px;outline:2px solid #1a1a1a}.login-submit:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.login-spinner{animation:.8s linear infinite spin}.login-footer{text-align:center;color:#bbb;margin:24px 0 0;font-size:11px}@media (max-width:420px){.login-card{border-radius:12px;padding:28px 20px}.login-title{font-size:22px}}@media (prefers-color-scheme:dark){.login-page{background:#1a1a1a}.login-card{background:#2a2a2a;box-shadow:0 4px 24px #0000004d}.login-title{color:#f0f0f0}.login-subtitle{color:#999}.login-label{color:#ccc}.login-input{color:#f0f0f0;background:#333;border-color:#555}.login-input::placeholder{color:#777}.login-input:focus{border-color:#aaa;box-shadow:0 0 0 3px #ffffff1a}.login-toggle-pw{color:#999}.login-toggle-pw:hover{color:#ddd}.login-forgot{color:#999}.login-forgot:hover{color:#ddd}.login-submit{color:#1a1a1a;background:#f0f0f0}.login-submit:hover:not(:disabled){background:#ddd}.login-error{color:#f5a8a0;background:#3d1f1f;border-color:#5a2a2a}.login-footer{color:#666}}