.member-body { min-height: 100vh; background: var(--paper); }
.member-layout { display: grid; grid-template-columns: .78fr 1.22fr; min-height: calc(100vh - 83px); }
.member-aside { padding: 105px 8vw 80px 11vw; background: var(--ink); color: var(--paper); }
.member-aside h1 { margin: 0; font: 600 clamp(48px, 5.2vw, 76px)/.98 var(--serif); letter-spacing: -.04em; }
.member-aside > p:not(.eyebrow):not(.aside-small) { max-width: 330px; margin: 30px 0 0; color: rgba(242,238,230,.72); font-size: 14px; line-height: 1.7; }
.member-panel { width: min(670px, 100%); padding: 78px 8vw 65px; }
.otp-step { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 12px; margin-top: 20px; }
.otp-step .field { margin: 0; }
.otp-step .button { min-height: 47px; }
.otp-status { min-height: 1.5em; margin: 10px 0; color: var(--olive); font-size: 12px; line-height: 1.5; }
.member-success { border-left: 2px solid var(--olive); padding: 18px; background: rgba(105,112,90,.09); }
.member-success h2 { margin: 8px 0; font: 500 30px var(--serif); }
.member-success p { margin: 0; color: #77756f; font-size: 12px; line-height: 1.6; }
@media (max-width: 800px) { .member-layout { display: block; }.member-aside { padding: 65px 8vw 55px; }.member-panel { width: auto; padding: 55px 8vw 60px; } }
@media (max-width: 560px) { .member-panel { padding: 45px 6vw 55px; }.member-aside { padding: 55px 6vw 45px; }.otp-step { grid-template-columns: 1fr; } }