.login-page{grid-template-columns:minmax(540px,1.15fr) minmax(430px,.85fr)}
.login-visual{position:relative;overflow:hidden;flex-direction:column;justify-content:space-between;align-items:stretch;padding:46px clamp(45px,6vw,92px) 38px;background:radial-gradient(circle at 78% 30%,#174b6255 0,transparent 32%),linear-gradient(145deg,#06131f 0%,#0a2133 55%,#0d2d3c 100%)}
.login-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.login-topline,.login-copy,.login-status{position:relative;z-index:2}.login-topline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1c;padding-bottom:25px}.login-topline img{width:150px}.login-topline span{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#8faab9}
.login-copy{margin:auto 0;padding:55px 0 35px}.login-copy h1{font-size:clamp(43px,5vw,72px);line-height:1.02;margin:15px 0 25px;letter-spacing:-2.8px;max-width:720px}.login-copy>p{color:#a9bec9;max-width:610px;line-height:1.75;font-size:15px;margin:0}
.operator-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:52px;max-width:700px;background:#ffffff1c;border:1px solid #ffffff1c}.operator-features div{background:#0b2232dd;padding:18px;display:grid;grid-template-columns:28px 1fr;gap:2px 8px}.operator-features span{grid-row:1/3;color:#ef565d;font-size:10px;font-weight:800;padding-top:3px}.operator-features b{font-size:13px}.operator-features small{color:#7893a2;font-size:10px}
.login-status{display:flex;align-items:center;gap:9px;color:#a8bec9;font-size:11px;text-transform:uppercase;letter-spacing:1px}.login-status i{width:7px;height:7px;border-radius:50%;background:#36c68a;box-shadow:0 0 0 5px #36c68a18}.login-status small{margin-left:auto;color:#6e8b9a}
.network-art{position:absolute;right:-85px;top:16%;width:420px;height:420px;border:1px solid #ffffff0c;border-radius:50%}.network-art:before,.network-art:after{content:"";position:absolute;border:1px solid #ffffff0c;border-radius:50%;inset:55px}.network-art:after{inset:125px}.node{position:absolute;width:12px;height:12px;border:3px solid #ef565d;border-radius:50%;background:#0b2638;box-shadow:0 0 0 8px #ef565d12}.node-a{left:44px;top:110px}.node-b{right:75px;top:75px}.node-c{right:38px;bottom:120px}.node-d{left:90px;bottom:65px}.link{position:absolute;height:1px;background:linear-gradient(90deg,#ef565d88,#ffffff08);transform-origin:left}.link-a{width:260px;left:50px;top:116px;transform:rotate(-7deg)}.link-b{width:230px;right:60px;top:88px;transform:rotate(66deg)}.link-c{width:250px;left:97px;bottom:69px;transform:rotate(-29deg)}
.login-panel{display:flex;position:relative;align-items:center;justify-content:center;padding:55px clamp(35px,6vw,90px);background:#fbfcfd}.login-card{width:min(405px,100%)}.mobile-login-logo{display:none}.portal-label{display:inline-block;color:var(--red);font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:800;margin-bottom:15px}.login-card h2{font-size:36px;letter-spacing:-1.2px;margin:0 0 10px;color:#101c2c}.login-card>p{margin-bottom:34px;line-height:1.6;font-size:14px}.login-card label{margin:19px 0;color:#344255;gap:9px}
.field-wrap{position:relative}.field-wrap svg{position:absolute;left:15px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#8794a5;stroke-width:1.7}.login-card .field-wrap input{width:100%;padding:14px 14px 14px 45px;border-color:#dfe5eb;outline:none;transition:.2s}.login-card .field-wrap input:focus{border-color:#9aaabb;box-shadow:0 0 0 3px #10283e0b}.login-card input::placeholder{color:#acb5c0}
.login-submit{height:50px;margin-top:10px;justify-content:space-between;padding:0 20px;font-size:13px;box-shadow:0 8px 22px #e43d4525}.login-submit:hover{background:#cf3038}.login-submit b{font-size:20px;font-weight:400}.secure span{display:block;color:#657386;font-size:11px;font-weight:700}.secure small{display:block;color:#a0aab6;font-size:10px;margin-top:5px}.login-panel footer{position:absolute;bottom:24px;color:#a3adb8;font-size:10px}.login-card .error{text-align:left}
@media(max-width:900px){.login-panel{min-height:100vh}.mobile-login-logo{display:flex;align-items:center;justify-content:space-between;margin:-8px -8px 42px;padding:17px 19px;border-radius:10px;background:#0a2133}.mobile-login-logo img{width:130px}.mobile-login-logo span{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#9bb0bd}}
@media(max-width:560px){.login-panel{padding:30px 24px 70px}.login-card h2{font-size:31px}}