.register-shell{min-height:100vh;display:grid;grid-template-columns:.82fr 1.18fr;background:#fff}.register-story{position:sticky;top:0;height:100vh;padding:45px clamp(34px,5vw,75px);display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(circle at 70% 10%,rgba(73,180,127,.4),transparent 34%),#12261d}.register-story .brand-mark{color:#143125;background:#fff;box-shadow:none}.register-story .eyebrow{color:#78d3a5}.register-story h1{max-width:620px;margin:0;font-size:clamp(48px,5.3vw,78px);line-height:.96;letter-spacing:-.065em}.register-story p:not(.eyebrow){max-width:490px;margin:25px 0 0;color:#b7c9c0;font-size:17px;line-height:1.65}.register-story ol{margin:0;padding:0;display:grid;gap:13px;list-style:none;color:#b7c9c0;font-size:12px;font-weight:700}.register-story li{display:flex;align-items:center;gap:11px}.register-story li span{width:28px;height:28px;display:grid;place-items:center;color:#fff;border:1px solid #496357;border-radius:9px}.register-panel{padding:60px clamp(25px,6vw,90px);display:grid;align-items:center}.register-panel form{width:min(720px,100%);margin:auto}.form-head h2{margin:0;font-size:42px;letter-spacing:-.05em}.form-head>.muted{margin:12px 0 32px;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{font-size:12px;font-weight:800}.form-grid label.wide{grid-column:1/-1}.form-grid input{width:100%;height:50px;margin-top:7px;padding:0 14px;border:1px solid var(--line);border-radius:13px;outline:none;background:#fafcfb}.form-grid input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.form-error{min-height:22px;margin:14px 0 0;color:var(--danger);font-size:12px;font-weight:750}.submit-button{width:100%;min-height:54px}.login-link{margin:20px 0 0;color:var(--muted);font-size:12px;text-align:center}.login-link a{color:var(--brand);font-weight:850}
@media(max-width:850px){.register-shell{grid-template-columns:1fr}.register-story{position:relative;height:auto;min-height:330px;padding:28px}.register-story h1{font-size:48px}.register-story ol{display:none}.register-panel{padding:48px 22px}.form-head h2{font-size:34px}}
@media(max-width:520px){.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.register-story{min-height:300px}.register-story h1{font-size:42px}}