.access-page {min-height:100svh; background:var(--paper,#f8f7f3)}
.access-layout {width:min(100% - 40px,480px); margin:0 auto; padding:clamp(36px,8vh,80px) 0 32px}
.access-brand {display:flex; align-items:center; justify-content:center; gap:20px; margin-bottom:38px}
.access-brand img {object-fit:contain}
.access-card {border:1px solid var(--line,#dedfd5); background:#fff; padding:36px; border-radius:4px}
.access-card h1 {font:400 28px/1.5 var(--serif,serif); margin:8px 0 10px}
.access-description {font-size:1rem; line-height:1.8; color:#596452; margin:0 0 28px}
.access-method {border-left:2px solid var(--line,#dedfd5);padding-left:12px;margin:-8px 0 24px;font-size:.9375rem;line-height:1.8;color:#596452}
.access-method strong {display:block;color:var(--sage,#49584a);font-weight:500}.access-method p {margin:4px 0 0}
.access-card .form-field {margin-bottom:20px}
.access-submit {width:100%; margin-top:6px; min-height:46px}
.access-help {font-size:.9375rem; line-height:1.9; color:#596452; margin:22px 0 0}
.access-footer {font-size:.9375rem; color:#596452; text-align:center; margin-top:26px}
.access-footer span {display:block; margin-top:8px}
@media(max-width:480px) {.access-layout {width:calc(100% - 32px); padding-top:40px}.access-card {padding:28px 22px}.access-card input {font-size:1rem;min-height:46px}.access-brand {margin-bottom:28px;gap:16px}.access-brand img:first-child{width:48px;height:56px}.access-brand img:last-child{width:170px}}
@media(max-width:360px) {.access-page[data-access="activate"] .access-card h1 {font-size:24px}}