.access-page{background:radial-gradient(ellipse at 100% 0,#083462 0,transparent 48%),#00101e;color:#f7faff;font-family:"Segoe UI",system-ui,sans-serif}
.access-page .auth-shell{grid-template-columns:minmax(360px,46%) minmax(0,54%);max-width:1700px;margin:auto;min-height:100svh}
.access-page .auth-aside{display:flex;justify-content:flex-start;border:0;padding:100px 55px 370px 17%;background:linear-gradient(180deg,#00132200 55%,#00132200),url('/login-earth.png') center bottom/cover no-repeat;min-height:900px}
.access-page .auth-aside:after{display:none}
.access-brand{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;width:max-content;max-width:100%;position:relative;z-index:1;line-height:1}
.access-brand>svg{width:100px;height:73px;color:#31b8ff;margin-left:2px;filter:drop-shadow(0 0 12px #168cee30)}
.access-brand>span{font-size:clamp(48px,5.3vw,78px);font-weight:750;letter-spacing:-4px;white-space:nowrap}
.access-brand strong{color:#20a7f8;font-weight:750}
.access-brand small{display:flex;align-items:center;gap:14px;width:100%;font-size:16px;font-weight:650;letter-spacing:7px;color:#a6b9d1;margin:18px 0 0 3px;white-space:nowrap}
.access-brand small i{flex:1;min-width:24px;height:1px;background:#86a0bd}
.access-benefits{display:grid;gap:22px;margin-top:50px;position:relative;z-index:1}
.access-benefits>div{display:flex;align-items:center;gap:24px}
.benefit-icon{display:grid;place-items:center;flex:0 0 68px;width:68px;height:68px;border-radius:50%;border:2px solid #209bfa;background:#001c3488;box-shadow:inset 0 0 0 4px #03111f,0 0 20px #168bff16;color:#9bd6ff}
.benefit-icon svg{width:34px;height:34px}
.access-benefits p{margin:0!important;line-height:1.45;max-width:310px}
.access-benefits strong,.access-benefits p span{display:block}
.access-benefits strong{font-size:19px;font-weight:650;color:#fff}
.access-benefits p span{font-size:16px;color:#b1c4dc;margin-top:2px}
.access-page .auth-content{padding:54px 36px 54px 12px;display:flex;align-items:center;justify-content:center}
.access-page .auth-content main{max-width:650px}
.access-page .back-link{top:16px;right:40px;font-size:12px;color:#a6bdd4}
.access-page .login-card{border:1px solid #147cc4;border-bottom-color:#254056;border-right-color:#254056;border-radius:23px;padding:46px 42px 38px;background:linear-gradient(150deg,#07263b88,#00111dd9 70%);box-shadow:inset 0 1px 0 #45b8ff15,0 28px 80px #0003}
.access-page .eyebrow{font-size:16px;letter-spacing:0;font-weight:700;color:#259fff;margin-bottom:17px}
.access-page .login-card h1{font-size:clamp(32px,3.5vw,49px);letter-spacing:-1.7px;font-weight:750;margin:0 0 14px;line-height:1.15}
.access-page .login-card h1 span{color:#2199ff}
.access-page .login-card>p{font-size:18px;line-height:1.5;color:#a9bad0;margin:0 0 28px}
.access-page .login-card label{font-size:17px;line-height:1.4;color:#f4f7fb;font-weight:400;margin:24px 0 9px}
.access-input{display:flex;align-items:center;gap:18px;min-height:57px;padding:0 17px;border:1px solid #496681;border-radius:12px;background:linear-gradient(110deg,#0c1a2a,#10233799);box-shadow:inset 0 1px 2px #ffffff06}
.access-input:focus-within{border-color:#28afff;box-shadow:0 0 0 3px #168bff20}
.access-input>svg{flex-shrink:0;width:25px;height:25px;color:#aacbe9}
.access-input input{min-width:0;min-height:55px;padding:10px 0;border:0!important;box-shadow:none!important;background:transparent;font-size:17px;color:#f4f8ff;border-radius:0}
.access-input input::placeholder{color:#9aaec3;opacity:1}
.access-input.server-input{border-color:#28aaff;background:#09203455;box-shadow:0 0 0 1px #28aaff33}
.access-page .login-card .password-toggle{display:grid;place-items:center;width:32px;min-width:32px;min-height:36px;margin:0;padding:0;border:0;background:transparent;color:#94b8d9;box-shadow:none}
.password-toggle svg{width:25px;height:25px}
.password-toggle[aria-pressed=true]{color:#39b4ff!important}
.access-page .password-toggle:hover{transform:none;color:#fff}
.access-page .access-submit{display:flex;position:relative;gap:16px;justify-content:center;min-height:68px;width:100%;margin-top:32px;border:1px solid #29a9ff;border-radius:13px;background:linear-gradient(115deg,#269fff,#0870ff);color:#fff;font-size:21px;font-weight:700;box-shadow:inset 0 1px 0 #ffffff55,0 12px 30px #0068ff18}
.submit-arrow{display:grid;place-items:center;position:absolute;right:15px;width:41px;height:41px;background:#ffffff20;border-radius:50%}
.submit-arrow svg{width:25px;height:25px}
.access-page .access-submit:hover{background:linear-gradient(115deg,#40afff,#2081ff)}
.access-divider{display:flex;align-items:center;gap:13px;margin:30px 6px 18px}
.access-divider span{height:1px;flex:1;background:#355b79}
.access-divider i{width:15px;height:15px;border:1px solid #3e739c;border-radius:50%;position:relative}
.access-divider i:after{content:"";position:absolute;width:3px;height:2px;left:5px;top:5px;background:#61bbff}
.access-page .auth-action{font-size:15px;color:#26afff;text-decoration:underline;text-underline-offset:3px;margin:0}
.access-page a:focus-visible,.access-page button:focus-visible{outline:3px solid #6acbff;outline-offset:5px}
.access-page .alert{font-size:14px}
@media(min-width:1500px){.access-page .auth-aside{padding-top:130px}.access-page .login-card{padding:52px 46px}}
@media(max-width:1100px){.access-page .auth-shell{grid-template-columns:43% 57%}.access-page .auth-aside{padding-left:9%;padding-right:20px}.access-brand>span{font-size:51px;letter-spacing:-3px}.access-brand small{font-size:12px;letter-spacing:5px}.access-benefits>div{gap:15px}.benefit-icon{flex-basis:54px;width:54px;height:54px}.access-benefits strong{font-size:16px}.access-benefits p span{font-size:14px}.access-page .login-card{padding:36px 28px}.access-page .auth-content{padding-right:24px}.access-page .login-card h1{font-size:36px}}
@media(max-width:760px){.access-page .auth-shell{display:flex;flex-direction:column}.access-page .auth-aside{min-height:0;padding:35px 24px 25px;background:none;align-items:center}.access-brand>svg{width:55px;height:40px}.access-brand>span{font-size:42px;letter-spacing:-2px}.access-brand small{font-size:9px;letter-spacing:4px;gap:8px;margin-top:12px}.access-benefits{display:none}.access-page .auth-content{min-height:0;padding:10px 18px 36px}.access-page .back-link{top:14px;right:18px;font-size:11px}.access-page .login-card{padding:30px 23px;border-radius:19px}.access-page .login-card h1{font-size:34px}.access-page .login-card>p{font-size:16px}.access-page .eyebrow{font-size:13px}.access-page .login-card label{font-size:15px;margin-top:22px}.access-input{gap:12px;padding:0 13px}.access-input input{font-size:15px}.access-page .access-submit{font-size:18px;min-height:60px;justify-content:flex-start;padding-left:22px}.submit-arrow{width:33px;height:33px;right:12px}.access-page .auth-action{font-size:13px}}
@media(prefers-reduced-motion:reduce){.access-page *{transition:none!important}}
@media(max-width:760px){.access-page .auth-shell{position:relative}.access-page .auth-content{position:static}.access-page .back-link{top:12px;right:18px}}

.access-page .login-card .remember-device{display:flex;align-items:center;gap:10px;font-size:14px;margin:20px 0}.access-page .remember-device input{width:18px;min-height:18px;height:18px;margin:0;flex:0 0 18px}