.top-actions{display:flex;align-items:center;gap:20px}.top-actions form{margin:0}.logout{border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:750;cursor:pointer;padding:8px}.logout:hover{color:var(--ink)}
.login-page{min-height:100vh;background:#e9eee9}.login-page main{max-width:none;padding:0}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.05fr) minmax(460px,.95fr)}
.login-story{position:relative;overflow:hidden;padding:clamp(32px,6vw,86px);background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:space-between}.login-story:after{content:"";position:absolute;width:560px;height:560px;border:110px solid rgba(217,241,95,.1);border-radius:50%;right:-260px;bottom:-250px}.login-story .brand{color:white;z-index:1}.login-story .muted{color:#9caf9f}.login-story h1{font-size:clamp(50px,6vw,92px);line-height:.91;letter-spacing:-.075em;margin:0;max-width:720px}.login-story p:not(.eyebrow){color:#aebbb4;max-width:480px;line-height:1.7}.login-story small{color:#718279;z-index:1}
.login-panel{background:#f7f9f6;display:grid;place-items:center;padding:40px}.login-form{width:min(100%,440px);display:grid;gap:22px}.login-form h2{font-size:36px;letter-spacing:-.05em}.login-copy,.secure-note{color:var(--muted);font-size:13px}.login-form label:not(.remember){display:grid;gap:9px;font-size:12px;font-weight:800}.login-form input[type=text],.login-form input[type=password]{width:100%;height:54px;border:1px solid #ced7d1;border-radius:12px;background:white;padding:0 16px;font:inherit;outline:none;transition:.2s}.login-form input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(15,123,85,.1)}.remember{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;cursor:pointer}.remember input{accent-color:var(--green)}.login-button{height:56px;border:0;border-radius:12px;background:var(--ink);color:white;font:inherit;font-weight:800;padding:0 20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.login-button:hover{background:#263630}.login-button span{color:var(--lime);font-size:22px}.form-error{color:#a72c21;font-size:13px}.form-error:empty{display:none}.secure-note{text-align:center;margin:0}.login-brand{display:inline-block}
@media(max-width:850px){.login-shell{grid-template-columns:1fr}.login-story{min-height:280px;padding:32px}.login-story h1{font-size:48px}.login-story small,.login-story p:not(.eyebrow){display:none}.login-panel{padding:42px 24px}.login-form h2{font-size:30px}}