:root{--access-ink:#10182a;--access-blue:#185bd7;--access-pale:#f1f5ff;--access-line:#d9dfeb;--access-muted:#5c6574}
.access-page{max-width:1180px;margin:0 auto;padding:30px 24px 80px;color:var(--access-ink)}
.access-breadcrumbs{display:flex;gap:8px;align-items:center;margin:0 0 22px;font-size:12px;color:var(--access-muted)}
.access-breadcrumbs a{color:inherit}
.access-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);border:1px solid var(--access-line);background:var(--access-pale)}
.access-hero>div{padding:50px}
.access-hero .eyebrow{color:var(--access-blue);font-size:11px;font-weight:800;letter-spacing:.16em;margin:0 0 16px}
.access-hero h1{font-size:clamp(40px,5.5vw,70px);line-height:.94;letter-spacing:-.055em;margin:0;max-width:720px}
.access-hero p{color:var(--access-muted);font-size:16px;line-height:1.6;max-width:650px;margin:24px 0 0}
.access-steps{display:grid;align-content:center;gap:1px;background:var(--access-line);padding:1px}
.access-step{background:#fff;padding:22px 24px}
.access-step span{display:block;color:var(--access-blue);font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:7px}
.access-step b{display:block;font-size:15px;margin-bottom:5px}
.access-step small{color:var(--access-muted);line-height:1.45}
.access-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:28px;margin-top:28px;align-items:start}
.access-card,.access-aside{border:1px solid var(--access-line);background:#fff;padding:34px}
.access-card h2,.access-aside h2{font-size:28px;letter-spacing:-.025em;margin:0 0 10px}
.access-card>p,.access-aside>p{color:var(--access-muted);line-height:1.55;margin:0 0 24px}
.access-form{display:grid;gap:18px}
.access-form label{display:grid;gap:8px;font-size:12px;font-weight:800}
.access-form input{width:100%;box-sizing:border-box;border:1px solid #aeb7c6;background:#fff;padding:14px 15px;color:var(--access-ink);font:inherit}
.access-form input:focus{outline:3px solid #185bd72b;border-color:var(--access-blue)}
.access-form .check-row{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.45}
.access-form .check-row input{width:auto;margin-top:3px}
.access-button{border:1px solid var(--access-blue);background:var(--access-blue);color:#fff;padding:15px 20px;font-size:12px;font-weight:900;letter-spacing:.06em;cursor:pointer}
.access-button.secondary{background:#fff;color:var(--access-blue)}
.access-button:disabled{opacity:.58;cursor:wait}
.access-status{min-height:22px;margin:0;color:var(--access-muted);font-size:12px;line-height:1.5}
.access-status[data-state="success"]{color:#166534;font-weight:700}
.access-status[data-state="error"]{color:#b42318;font-weight:700}
.access-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px;font-size:12px}
.access-links a{color:var(--access-blue);font-weight:800}
.access-aside ul{display:grid;gap:15px;padding:0;margin:0;list-style:none}
.access-aside li{border-top:1px solid var(--access-line);padding-top:15px;line-height:1.5}
.access-aside li:first-child{border-top:0;padding-top:0}
.access-aside b{display:block;font-size:13px;margin-bottom:4px}
.access-aside span{color:var(--access-muted);font-size:12px}
.access-session-link{display:none;margin-top:18px}.access-session-link.is-visible{display:inline-block}
@media(max-width:760px){.access-page{padding:20px 14px 58px}.access-hero,.access-layout{grid-template-columns:1fr}.access-hero>div{padding:34px 24px}.access-hero h1{font-size:43px}.access-card,.access-aside{padding:24px}.access-steps{grid-template-columns:1fr}.access-layout{gap:18px}}
