:root{--bg:#050b16;--panel:#091628;--cyan:#20e5df;--cyan2:#18aeb9;--violet:#7754ff;--text:#f4f7fb;--muted:#90a1b9;--line:#1c4761}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}.login-page{min-height:100%;display:grid;grid-template-columns:56% 44%;position:relative;background:radial-gradient(circle at 17% 46%,#09243eaa 0,transparent 34%),linear-gradient(118deg,#07111f 0,#040a14 60%,#071426 100%)}
.login-page:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#15304a 1px,transparent 1px),linear-gradient(90deg,#15304a 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent 4%,#000 35%,#000 80%,transparent)}.system-label{position:absolute;z-index:5;top:30px;left:38px;color:#a4b2c5;font-size:11px;letter-spacing:3px;display:flex;align-items:center;gap:14px}.system-label span{width:11px;height:11px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
.brand-side,.access-side{position:relative;z-index:1;min-height:100vh}.brand-side{display:flex;align-items:center;padding:95px 5vw 42px 11.8vw;overflow:hidden}.brand-content{width:100%;max-width:690px;position:relative;z-index:2}.company-logo{display:block;width:min(100%,610px);height:auto;object-fit:contain;margin-bottom:42px;filter:drop-shadow(0 4px 12px #000)}h1{font-size:clamp(55px,5.1vw,84px);line-height:.92;letter-spacing:-3px;margin:0;font-weight:800}h1 strong{color:var(--cyan);text-shadow:0 0 22px #00d9d155}.title-rule{width:66px;height:3px;background:var(--cyan);margin:28px 0 23px}.subtitle{color:#c3cfdd;font-size:17px;margin:0}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:70px}.benefits article{padding:0 25px;border-right:1px solid #168a98;min-height:130px}.benefits article:first-child{padding-left:0}.benefits article:last-child{border:0}.benefits i,.shield-badge i,.lock-badge i{display:grid;width:52px;height:52px;border:1px solid #168a98;border-radius:13px;margin-bottom:18px;place-items:center;color:#82f9fb}.benefits b{display:block;color:var(--cyan);font-size:13px;margin-bottom:6px}.benefits span{color:#aebed0;font-size:13px;line-height:1.55}.tower-art{position:absolute;left:0;bottom:220px;width:150px;opacity:.18;filter:drop-shadow(0 0 15px #0fcdd2)}.tower-top{height:75px;background:#42647b;clip-path:polygon(20% 28%,40% 13%,40% 0,60% 0,60% 13%,80% 28%,92% 100%,8% 100%)}.tower-body{height:255px;background:linear-gradient(90deg,#162d42,#50708b,#162d42);clip-path:polygon(21% 0,79% 0,64% 100%,36% 100%)}.network{position:absolute;inset:38% 0 0;background:radial-gradient(circle at 20% 80%,#21e5de 0 4px,transparent 5px),radial-gradient(circle at 48% 40%,#21e5de 0 3px,transparent 4px),linear-gradient(25deg,transparent 48%,#137482 49%,transparent 50%),linear-gradient(-18deg,transparent 48%,#137482 49%,transparent 50%);opacity:.25}
.access-side{display:grid;place-items:center;padding:80px 4.5vw}.login-card{width:100%;max-width:610px;border:1px solid #1e7184;border-radius:20px;background:linear-gradient(145deg,#0a192be8,#071326e8);box-shadow:0 30px 80px #0008;overflow:hidden;backdrop-filter:blur(15px)}.login-card__body{padding:52px}.access-title{display:flex;align-items:center;gap:25px;margin-bottom:36px}.shield-badge{width:76px;height:76px;border:1px solid #16778b;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 22px #0e637344}.shield-badge i{border:0;margin:0;width:36px;height:36px}.access-title h2{font-size:17px;letter-spacing:2px;color:var(--cyan);margin:0 0 18px}.access-title>div>span{display:block;width:46px;height:2px;background:var(--cyan)}
form>label{display:block;color:#b9c5d3;font-size:15px;margin:0 0 10px}.field{height:66px;border:1px solid #34526d;border-radius:12px;display:flex;align-items:center;margin-bottom:28px;background:#071224cc;transition:.2s}.field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px #20e5df18}.field>i{width:22px;height:22px;margin:0 18px;color:#a6b9ce;flex:none}.field input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:15px}.field input::placeholder{color:#60738d}.eye{width:58px;height:100%;border:0;background:none;color:#9fb4ca;cursor:pointer}.eye i{width:21px;height:21px}.form-options{display:flex;justify-content:space-between;align-items:center;margin:4px 0 30px;font-size:14px}.form-options a{color:#8d6cff;text-decoration:none}.remember{display:flex;align-items:center;gap:11px;color:#aab9cb}.remember input{position:absolute;opacity:0}.remember span{width:22px;height:22px;border:1px solid #46617a;border-radius:5px}.remember input:checked+span{background:var(--cyan);box-shadow:inset 0 0 0 5px #0a192b}.submit-button{width:100%;height:68px;border:1px solid #31dbe4;border-radius:11px;background:linear-gradient(100deg,#3189ff,#7a45ff);color:#fff;font-weight:800;letter-spacing:2px;cursor:pointer;box-shadow:0 12px 30px #4d50ff36;transition:.2s}.submit-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.submit-button:disabled{opacity:.55;cursor:wait;transform:none}.submit-button span{font-size:30px;vertical-align:-2px;margin-left:16px}.form-error{display:none;color:#ff8c9a;font-size:13px;margin:-15px 0 15px}.form-error.visible{display:block}.login-card footer{height:86px;border-top:1px solid #16475b;display:flex;align-items:center;padding:0 52px;color:#a9b6c8;font-size:13px;gap:17px}.lock-badge{width:45px;height:45px;border:1px solid #175c6c;border-radius:50%;display:grid;place-items:center}.lock-badge i{border:0;margin:0;width:19px;height:19px}.login-card footer b{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}[data-icon]{display:inline-block}svg{display:block;width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1050px){.login-page{grid-template-columns:1fr}.brand-side{min-height:auto;padding:130px 8vw 40px}.access-side{min-height:auto;padding:30px 8vw 80px}.benefits{margin-top:45px}.company-logo{width:460px}.tower-art{display:none}}@media(max-width:620px){.system-label{left:22px}.brand-side,.access-side{padding-left:22px;padding-right:22px}.company-logo{margin-bottom:28px}.benefits{grid-template-columns:1fr 1fr;gap:24px}.benefits article{padding:0;border:0}.login-card__body{padding:30px 22px}.login-card footer{padding:0 22px}.form-options{align-items:flex-start;gap:18px;flex-direction:column}h1{font-size:48px}.access-title{gap:16px}.shield-badge{width:62px;height:62px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.company-logo{width:min(100%,500px);max-width:100%;filter:none;image-rendering:auto;transform:translateZ(0)}
.brand-kicker{margin:0 0 24px;color:#91a8bd;font-size:12px;font-weight:700;letter-spacing:4px}.brand-content h1{font-size:clamp(64px,5.8vw,92px)}
.login-page{background:#050b16}.login-page:before,.tower-art,.network{display:none}.login-card{backdrop-filter:none}