.secure-login{--ink:#14212f;--muted:#5d7185;--line:#2d48622e;min-height:100svh;color:var(--ink);background:linear-gradient(118deg,#ffe5f7eb,#e7f0fff0 48%,#d5f0fff5),#eaf3fb;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.secure-login:before{opacity:.25;content:"";background-image:linear-gradient(#37597821 1px,#0000 1px),linear-gradient(90deg,#37597821 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.secure-login-ambient i{filter:blur(18px);opacity:.62;border-radius:50%;position:absolute}.secure-login-ambient i:first-child{background:#ff8ed740;width:45vw;height:45vw;top:-18vw;left:-10vw}.secure-login-ambient i:nth-child(2){background:#60c1ff3d;width:45vw;height:45vw;top:3vh;right:-15vw}.secure-login-ambient i:last-child{background:#4ee2cd2e;width:50vw;height:50vw;bottom:-25vw;right:23vw}.secure-login-brand{z-index:2;border-bottom:1px solid #314a621f;align-items:center;gap:10px;height:72px;padding:0 3.6vw;display:flex;position:relative}.secure-login-brand>span{color:#cbff1a;background:#16222d;border-radius:50%;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.secure-login-brand b{letter-spacing:.12em;font-size:18px}.secure-login-brand small{border-left:1px solid var(--line);color:#668096;letter-spacing:.18em;margin-left:2px;padding-left:12px;font-size:10px;font-weight:700}.secure-login-layout{z-index:2;grid-template-columns:minmax(0,1.1fr) minmax(400px,.72fr);place-self:center;align-items:center;gap:7vw;width:min(1180px,90vw);padding:56px 0;display:grid;position:relative}.secure-login-story>small{color:#4f738a;letter-spacing:.2em;font-size:11px;font-weight:800}.secure-login-story h1{letter-spacing:-.055em;margin:22px 0 20px;font-size:clamp(48px,5vw,76px);font-weight:520;line-height:1.02}.secure-login-story h1 em{color:#0000;background:linear-gradient(95deg,#233f58,#765a91 48%,#4f92a9);-webkit-background-clip:text;background-clip:text;font-style:normal}.secure-login-story>p{max-width:560px;color:var(--muted);font-size:16px;line-height:1.85}.secure-login-story>div{color:#48657a;align-items:center;gap:12px;margin-top:42px;font-size:12px;font-weight:650;display:flex}.secure-login-story>div i{background:#79a4b9;border-radius:50%;width:3px;height:3px}.secure-login-panel{-webkit-backdrop-filter:blur(28px)saturate(135%);backdrop-filter:blur(28px)saturate(135%);background:linear-gradient(145deg,#ffffffb5,#f5fbff7a);border:1px solid #ffffffeb;border-radius:32px;padding:30px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fffffff5,0 30px 80px #364f7029}.secure-login-panel:after{pointer-events:none;content:"";border:1px solid #709ab729;border-radius:50%;width:260px;height:260px;position:absolute;top:-110px;right:-90px;box-shadow:0 0 0 28px #ffffff1a,0 0 0 56px #5da3ce0d}.secure-login-panel>header{z-index:1;align-items:flex-start;gap:16px;display:flex;position:relative}.secure-login-panel>header>span{color:#cfff1a;background:#18242f;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font:800 12px/1 monospace;display:grid;box-shadow:0 0 0 6px #9dc2d52e}.secure-login-panel header small{color:#6d8294;letter-spacing:.18em;font-size:9px;font-weight:800}.secure-login-panel h2{letter-spacing:-.035em;margin:5px 0 4px;font-size:29px}.secure-login-panel header p{color:#738596;margin:0;font-size:13px}.secure-login-panel form{z-index:1;gap:16px;margin-top:30px;display:grid;position:relative}.secure-login-panel label{gap:8px;display:grid}.secure-login-panel label span{color:#4f6577;font-size:12px;font-weight:700}.secure-login-panel input{color:#152330;background:#ffffffad;border:1px solid #45647c33;border-radius:15px;outline:0;width:100%;height:54px;padding:0 16px;font-size:15px;transition:border .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px #ffffffdb}.secure-login-panel input:focus{background:#ffffffe6;border-color:#3f9ab794;box-shadow:0 0 0 4px #50b7ce1c}.secure-login-panel input::placeholder{color:#9aabb9}.secure-login-error{color:#9d3454;background:#ffe6edb3;border:1px solid #be4b6933;border-radius:11px;align-items:center;gap:8px;margin:-2px 0 0;padding:10px 12px;font-size:12px;display:flex}.secure-login-error i{background:#b93e601a;border-radius:50%;place-items:center;width:19px;height:19px;font-style:normal;font-weight:800;display:grid}.secure-login-panel form>button{color:#f7fbfd;cursor:pointer;background:#17232e;border:0;border-radius:16px;justify-content:space-between;align-items:center;height:56px;margin-top:2px;padding:0 20px;font-size:14px;font-weight:750;display:flex;box-shadow:0 14px 28px #1c2f412e}.secure-login-panel form>button em{color:#18232c;background:#ccff1a;border-radius:50%;place-items:center;width:28px;height:28px;font-size:17px;font-style:normal;display:grid}.secure-login-panel form>button:hover{background:#223442}.secure-login-panel form>button:disabled{cursor:wait;opacity:.7}.secure-login-panel>footer{z-index:1;border-top:1px solid var(--line);color:#758a9a;justify-content:space-between;margin-top:24px;padding-top:18px;font-size:10px;display:flex;position:relative}.secure-login-panel>footer span{align-items:center;gap:7px;display:flex}.secure-login-panel>footer i{background:#44c7a0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #44c7a01a}.secure-login-footer{z-index:2;color:#6f8291;border-top:1px solid #314a621f;justify-content:space-between;align-items:center;min-height:54px;padding:0 3.6vw;font-size:10px;display:flex;position:relative}@media (width<=900px){.secure-login-layout{grid-template-columns:1fr;gap:42px}.secure-login-story h1{font-size:52px}.secure-login-story>p{max-width:none}}