.login-shell { min-height:100vh; display:grid; grid-template-columns:1.05fr .95fr; }
.login-story { min-height:100vh; padding:48px clamp(34px,6vw,90px); display:flex; flex-direction:column; justify-content:space-between; color:#fff; background: radial-gradient(circle at 75% 20%,rgba(79,188,133,.35),transparent 38%),#12251d; }
.login-story .brand-mark { color:#123025; background:#fff; }.login-story .eyebrow { color:#7dd4a8; }.login-story h1 { margin:0; max-width:650px; font-size:clamp(54px,6vw,90px); line-height:.95; letter-spacing:-.07em; }.login-story p:not(.eyebrow) { max-width:480px; margin:25px 0 0; color:#b8c9c1; font-size:18px; line-height:1.6; }.login-story small { color:#83978e; }
.login-panel { padding:30px; display:grid; place-items:center; background:#fff; }.login-panel form { width:min(440px,100%); }.login-panel h2 { margin:0; font-size:40px; letter-spacing:-.05em; }.login-panel form>p.muted { margin:12px 0 35px; }
.login-panel label { margin-top:18px; display:block; font-size:13px; font-weight:800; }.login-panel input { width:100%; height:54px; margin-top:8px; padding:0 16px; border:1px solid var(--line); border-radius:14px; outline:none; background:#fbfcfb; }.login-panel input:focus { border-color:var(--brand); box-shadow:0 0 0 4px var(--brand-soft); }.login-panel .primary { width:100%; min-height:54px; margin-top:10px; }.form-error { min-height:22px; margin:12px 0 0; color:var(--danger); font-size:13px; font-weight:700; }.back { margin-top:24px; display:block; color:var(--brand); font-size:13px; font-weight:800; text-align:center; }.back-home{margin-top:11px;color:var(--muted);font-weight:600}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-story{min-height:290px;padding:28px}.login-story h1{font-size:48px}.login-story>small{display:none}.login-panel{padding:55px 24px}.login-panel h2{font-size:34px}}