.login-page .password-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.login-page .password-heading label{margin:0}.login-page .password-heading a{font-size:14px}.login-page .password-input{position:relative}.login-page .password-input input{min-height:48px;padding-right:56px}.login-page .password-toggle{position:absolute;right:4px;top:3px;width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:#176d5b;border-radius:6px}.login-page .password-toggle:hover{background:#eaf2eb}.login-page .login-form button[type=submit]{margin-top:24px;background:#b94b10;border-color:#b94b10;color:#fff;justify-content:center}.login-page .access-methods{display:flex;gap:8px}.login-page .access-methods .button{flex:1;justify-content:center;padding:12px;font-size:var(--text-button);gap:8px}.login-page .access-methods .secondary{background:transparent;color:#176d5b;border:1px solid #c4d7d0}.login-page .private-note summary{cursor:pointer;line-height:1.5}.login-page .private-note p{font-size:14px}.login-page .login-form input{min-height:48px}@media(max-width:420px){.login-page .password-heading{align-items:flex-start;flex-direction:column;gap:2px}.login-page .access-methods .button{font-size:var(--text-button)}}
:root{--access-ink:#163831;--access-muted:#5f726b;--access-teal:#176d5b;--access-line:#e3e9e5;--access-bg:#eaf0e9}.login-page *{box-sizing:border-box}body.login-page{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--access-bg);color:var(--access-ink);font:400 var(--text-body)/1.6 var(--font-ui);padding:24px}.login-page .login-shell{max-width:1120px;width:100%;display:grid;grid-template-columns:1.08fr 1fr;background:#fff;border:1px solid var(--access-line);border-radius:18px;overflow:hidden;box-shadow:0 8px 32px #122c430d}.login-page .login-story{background:#123e34;color:#fff;padding:48px;min-height:590px;display:flex;flex-direction:column;justify-content:space-between}.login-page .login-story .brand{display:flex;align-items:center;gap:9px;color:#fff;font-size:23px;font-weight:700;letter-spacing:-1px}.login-page .login-story .monogram{display:inline-grid;place-items:center;background:#d7e7cc;color:var(--access-ink);width:36px;height:36px;border-radius:11px;font-size:29px;line-height:1}.login-page .eyebrow{font-size:14px;letter-spacing:1.8px;font-weight:700;color:var(--access-muted)}.login-page .login-story .eyebrow{color:#a4c4b6}.login-page .login-story h1{font-size:28px;line-height:1.12;letter-spacing:-1.5px;margin:20px 0;font-weight:700}.login-page .login-story p{color:#b1c7ba;font-size:18px;line-height:1.8;margin:0}.login-page .story-steps{display:flex;gap:18px;font-size:14px;color:#d0dccf;margin-top:30px}.login-page .login-story>small{color:#95b6a5;font-size:14px}.login-page .login-form{padding:72px 48px}.login-page .login-form h2{font-size:24px;line-height:1.2;margin:15px 0 5px;letter-spacing:-.5px;font-weight:700}.login-page .muted,.login-page .login-help{color:var(--access-muted)}.login-page .login-form form{margin:30px 0}.login-page .login-form label{display:block;font-size:var(--text-label);font-weight:500;margin:16px 0}.login-page .login-form input{display:block;width:100%;padding:12px 14px;border:1px solid #d7dfd8;border-radius:7px;background:#fff;color:var(--access-ink);margin-top:7px;font:inherit;font-size:16px}.login-page .login-form input:focus{outline:3px solid rgba(23,109,91,.18);border-color:var(--access-teal)}.login-page .button{border:1px solid var(--access-teal);border-radius:7px;background:var(--access-teal);color:#fff;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;font:600 var(--text-button)/1.3 var(--font-ui);cursor:pointer}.login-page .button.full{width:100%}.login-page .button:hover{filter:brightness(.95)}.login-page .login-help{font-size:14px;line-height:1.8}.login-page .private-note{border-top:1px solid var(--access-line);margin-top:27px;padding-top:20px;font-size:14px;color:var(--access-teal)}@media(max-width:740px){body.login-page{padding:14px}.login-page .login-shell{display:block;width:100%;margin:0}.login-page .login-story{min-height:0;padding:28px}.login-page .login-story h1{font-size:28px;font-weight:700}.login-page .login-story p{font-size:16px}.login-page .login-story>small,.login-page .story-steps{display:none}.login-page .login-story>div:nth-child(2){margin-top:28px}.login-page .login-form{padding:32px 24px}.login-page .login-form h2{font-size:24px;font-weight:700}}
