.loginPage{background:#f6f7f4;place-items:center;min-height:100svh;padding:40px 20px;display:grid}.loginCard{background:#fff;border:1px solid #e0e6df;border-radius:22px;width:100%;max-width:460px;padding:36px;box-shadow:0 12px 40px #173b2010}.loginBrand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.loginBrand .brandMark{color:#fff;background:#243c2d;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.loginCard h1{letter-spacing:-.03em;margin:0 0 16px;font-size:28px;line-height:1.2}.loginBrand h1{margin:8px 0 0}.loginIntro{color:#657168;margin:0 0 24px;font-size:15px;line-height:1.6}.loginForm{gap:18px;display:grid}.loginForm label{gap:8px;font-size:14px;font-weight:600;display:grid}.loginForm input{color:#17201b;background:#fff;border:1px solid #ccd5ce;border-radius:10px;width:100%;min-height:48px;padding:12px;font-size:16px}.loginForm input:focus{outline-offset:2px;outline:2px solid #426b51}.loginButton{justify-content:center;width:100%;min-height:48px;margin-top:4px;display:flex}.loginHelp{color:#657168;margin:22px 0 0;font-size:14px;line-height:1.6}.loginError{color:#853c2d;background:#fff4f0;border-radius:10px;margin-bottom:20px;padding:12px 14px;font-size:14px;line-height:1.5}.loginCard .secondaryButton{cursor:pointer;margin-top:16px}@media (max-width:500px){.loginPage{align-items:start;padding:64px 16px 24px}.loginCard{border-radius:18px;padding:28px 24px}}