.loginPage{color:#edf5ff;background:#020a18;grid-template-columns:minmax(360px,1fr) minmax(440px,620px);align-items:center;gap:clamp(48px,8vw,140px);min-height:100vh;padding:88px clamp(32px,6vw,104px);display:grid;position:relative;overflow:hidden}.loginGrid{background-image:linear-gradient(#12345624 1px,#0000 1px),linear-gradient(90deg,#12345624 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 40%,#000);mask-image:linear-gradient(90deg,#0000,#000 40%,#000)}.loginOrb{border:1px solid #167dcc38;border-radius:50%;position:absolute}.loginOrb:before,.loginOrb:after{content:"";border-radius:inherit;border:1px solid #167dcc20;position:absolute;inset:13%}.loginOrb:after{inset:28%}.loginOrb.one{width:760px;height:760px;top:-220px;right:-230px}.loginOrb.two{width:430px;height:430px;bottom:-220px;left:-270px}.loginBrand{color:#fff;z-index:2;align-items:center;gap:12px;text-decoration:none;display:flex;position:absolute;top:38px;left:clamp(32px,6vw,104px)}.loginBrand>b{background:linear-gradient(145deg,#168bff,#7049ff);place-items:center;width:42px;height:42px;font:24px Georgia;display:grid;box-shadow:0 0 30px #168bff4d}.loginBrand span{letter-spacing:3px;font-size:15px;font-weight:800}.loginBrand small{color:#7290ad;letter-spacing:2px;margin-top:3px;font-size:6px;display:block}.loginIntro,.loginPanel{z-index:1;position:relative}.eyebrow{color:#5fc0ff;letter-spacing:2.4px;align-items:center;gap:9px;font-size:8px;font-weight:700;display:flex}.eyebrow i,.loginPanel header span i,.trust i,.loginError i{background:#22e47d;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #22e47d}.loginIntro h1{font:400 clamp(54px,6vw,88px)/.9 var(--sans);letter-spacing:-5px;margin:25px 0 30px}.loginIntro h1 em{color:#4ca3ff;font-style:normal}.loginIntro>p{color:#8da5bd;max-width:540px;font-size:13px;line-height:1.8}.metrics{border-top:1px solid #164066;border-bottom:1px solid #164066;margin-top:48px;padding:18px 0;display:flex}.metrics span{color:#708aa5;text-transform:uppercase;letter-spacing:.8px;flex:1;font-size:7px}.metrics span+span{border-left:1px solid #164066;padding-left:20px}.metrics strong{color:#e7f2ff;letter-spacing:1px;margin-bottom:6px;font-size:15px;display:block}.loginPanel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #1b4b77;box-shadow:0 34px 90px #0009,0 0 70px #096ac51a}.loginPanel form{background:#071525ee;padding:35px clamp(32px,5vw,62px) 32px}.loginPanel header{border-bottom:1px solid #153c61;justify-content:space-between;align-items:center;padding-bottom:25px;display:flex}.secureMark{color:#44baff;background:#0a2742;border:1px solid #2184ca;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.loginPanel header>div:last-child{text-align:right}.loginPanel header small,.formHeading>small{color:#52b9ff;letter-spacing:2px;font-size:7px;display:block}.loginPanel header span{color:#50e795;letter-spacing:1px;justify-content:flex-end;align-items:center;gap:7px;margin-top:7px;font-size:6px;display:flex}.formHeading{margin:38px 0 29px}.formHeading h2{font:500 35px var(--sans);letter-spacing:-1.5px;margin:10px 0 7px}.formHeading p{color:#829bb4;font-size:10px}.loginPanel label{margin:17px 0;display:block}.loginPanel label>span{color:#8aa6c2;margin-bottom:8px;font-size:8px;display:block}.inputFrame{background:#020b16;border:1px solid #1a456d;align-items:center;height:52px;transition:all .2s;display:flex}.inputFrame:focus-within{border-color:#2297f3;box-shadow:0 0 0 3px #168bff17}.inputFrame>i{text-align:center;color:#4aaeff;width:48px;font-size:10px;font-style:normal}.inputFrame input{color:#eef7ff;min-width:0;height:100%;font:11px var(--sans);background:0 0;border:0;outline:0;flex:1}.inputFrame button{color:#66aee5;cursor:pointer;background:0 0;border:0;height:100%;padding:0 15px;font-size:7px}.loginError{color:#ff93a0;background:#34141d;border:1px solid #7b2939;align-items:center;gap:9px;padding:12px;font-size:8px;display:flex}.loginError i{background:#ff5e70}.submitLogin{color:#fff;width:100%;height:52px;font:700 9px var(--sans);cursor:pointer;background:linear-gradient(100deg,#087fff,#604cff);border:0;justify-content:space-between;align-items:center;margin-top:21px;padding:0 20px;display:flex;box-shadow:0 14px 30px #087fff26}.submitLogin:hover:not(:disabled){filter:brightness(1.12)}.submitLogin:disabled{opacity:.65}.submitLogin b{font-size:17px}.trust{color:#66809a;justify-content:center;align-items:center;gap:7px;margin:20px 0;font-size:6px;display:flex}.trust i{width:5px;height:5px}.back{text-align:center;color:#6fa1cb;font-size:7px;text-decoration:none;display:block}.back:hover{color:#fff}@media (width<=900px){.loginPage{grid-template-columns:1fr;padding:105px 24px 45px}.loginIntro{display:none}.loginPanel{width:min(100%,540px);margin:auto}.loginBrand{top:28px;left:24px}.loginOrb.one{right:-430px}}@media (width<=520px){.loginPage{align-items:start;padding:91px 14px 24px}.loginPanel form{padding:26px 22px 25px}.loginPanel header{padding-bottom:20px}.formHeading{margin:29px 0 24px}.formHeading h2{font-size:30px}.loginBrand>b{width:38px;height:38px}.trust{font-size:5.5px}.loginOrb.one{width:580px;height:580px}}.loginPage .loginPanel{background:0 0!important;min-height:0!important;margin:0!important;padding:0!important;position:relative!important;overflow:visible!important}.loginPage .loginPanel>form{width:100%!important;margin:0!important}.loginPage .loginPanel header{background:#071525!important;height:auto!important;min-height:0!important;margin:0!important;padding:0 0 25px!important;position:static!important;overflow:visible!important}.loginPage .loginPanel header:before,.loginPage .loginPanel header:after{content:none!important;display:none!important}.loginPage .loginPanel .trust{color:#66809a!important;border:0!important;justify-content:center!important;align-items:center!important;gap:7px!important;max-width:none!important;margin:20px 0!important;padding:0!important;font-size:6px!important;display:flex!important;position:static!important}@media (width<=900px){.loginPage .loginPanel{width:min(100%,540px)!important;margin:auto!important}}@media (width<=520px){.loginPage .loginPanel header{padding-bottom:20px!important}.loginPage .loginPanel .trust{font-size:5.5px!important}}
