.access-page{color:#12313c;background:#f4f7f6;grid-template-columns:minmax(320px,42%) 1fr;min-height:100vh;display:grid}.access-aside{color:#fff;background:radial-gradient(circle at 20% 75%,#1bc39b2b,#0000 28%),linear-gradient(145deg,#061c29,#0a3341);flex-direction:column;justify-content:space-between;padding:42px 56px;display:flex;position:relative;overflow:hidden}.access-aside:after{content:"";border:1px solid #48ddba26;border-radius:50%;width:430px;height:430px;position:absolute;top:18%;right:-250px;box-shadow:0 0 0 70px #48ddba06,0 0 0 140px #48ddba05}.access-brand{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.access-brand span{color:#082633;background:#20caa0;border-radius:7px 10px 7px 2px;place-items:center;width:40px;height:31px;font-size:12px;font-weight:900;display:grid;transform:skew(-7deg)}.access-brand strong{letter-spacing:.04em}.access-aside>div{z-index:1;max-width:520px;position:relative}.access-aside>div>p,.access-card>p{color:#2ed1a8;letter-spacing:.16em;margin:0 0 17px;font-size:10px;font-weight:850}.access-aside h1{letter-spacing:-.045em;margin:0;font-size:clamp(38px,4vw,58px);line-height:1.05}.access-aside ul{color:#a8c0c7;gap:15px;margin:37px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.access-aside li{align-items:center;gap:10px;display:flex}.access-aside li svg{color:#32cfa8}.access-aside>small{z-index:1;color:#607d87;position:relative}.access-main{padding:36px 48px}.access-back{color:#60767e;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.access-card{width:min(680px,100%);margin:8vh auto 0;padding:0 20px}.access-card h2{letter-spacing:-.04em;margin:0;font-size:38px}.access-card>span{color:#768a90;margin-top:10px;font-size:13px;display:block}.access-form{margin-top:32px}.role-choice{grid-template-columns:1fr 1fr;gap:11px;display:grid}.role-choice label{cursor:pointer}.role-choice input{opacity:0;position:absolute}.role-choice span{background:#fff;border:1px solid #dbe5e2;border-radius:9px;flex-direction:column;padding:16px;display:flex}.role-choice input:checked+span{background:#eefaf6;border-color:#17b78d;box-shadow:0 0 0 2px #17b78d1a}.role-choice strong{font-size:12px}.role-choice small{color:#829499;margin-top:5px;font-size:9px}.access-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:21px;display:grid}.access-fields label{flex-direction:column;gap:7px;display:flex}.access-fields span{color:#526a72;font-size:9px;font-weight:750}.access-fields input,.access-fields select{color:#173641;background:#fff;border:1px solid #dbe4e2;border-radius:7px;outline:0;height:43px;padding:0 11px;font-size:11px}.access-fields input:focus,.access-fields select:focus{border-color:#19b991;box-shadow:0 0 0 3px #19b9911a}.access-form>button{color:#082d35;cursor:pointer;background:#18bc91;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:22px;font-size:11px;font-weight:850;display:flex}.access-form>button:disabled{opacity:.65}.security-note{color:#829499;text-align:center;margin-top:10px;display:block}.access-error{color:#b9514b;background:#fff0ee;border-radius:6px;padding:10px;font-size:10px}.access-success{text-align:center;background:#fff;border:1px solid #bfe5da;border-radius:12px;margin-top:35px;padding:32px}.access-success svg{color:#1aaf89}.access-success h2{font-size:26px}.access-success p{color:#647a81;line-height:1.6}.access-success a{color:#138d70;align-items:center;gap:6px;margin-top:10px;font-weight:800;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:850px){.access-page{grid-template-columns:1fr}.access-aside{min-height:420px;padding:30px}.access-aside>small{display:none}.access-main{padding:28px 20px 50px}.access-card{margin-top:50px}}@media (max-width:540px){.access-aside{min-height:360px}.access-aside h1{font-size:38px}.access-fields,.role-choice{grid-template-columns:1fr}}