*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#174b7d}body{background:#f4f8fc}.login-scene{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 45%,#fff 20%,#f9fcff 62%,#f0f5f9 100%);padding:64px 24px 32px}.page-header{position:absolute;top:36px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;z-index:2}.page-header p{font-size:9px;line-height:1.65;letter-spacing:3px;margin:0;border-left:2px solid #b9d7ea;padding-left:13px;color:#6286a7}.page-header strong{font-weight:500}.page-header .welcome{border:0;text-align:left;font-size:10px;letter-spacing:5px}.welcome span{font-size:8px;letter-spacing:2.8px}.brand-backdrop{position:absolute;width:880px;height:610px;left:50%;top:20px;transform:translateX(-50%);pointer-events:none;opacity:.28}.brand-backdrop span{position:absolute;inset:50px 0 0;text-align:center;font-size:490px;font-weight:900;font-style:italic;letter-spacing:-74px;padding-right:64px;line-height:1.1;background:linear-gradient(158deg,#0068bb 15%,#87dfff 33%,#818c98 45%,#eef3f6 50%,#00c9f7 68%,#afb9c4 80%);color:transparent;background-clip:text}.orbit{position:absolute;inset:0 54px 25px;border:21px solid #48a5df;border-left-color:transparent;border-bottom-color:#b3c4d6;border-radius:50%;transform:rotate(-16deg)}.circuits{position:absolute;top:220px;left:calc(50% - 490px);width:340px;color:#73d3f5;opacity:.55}.login-card{z-index:3;width:340px;padding:23px 26px 18px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,251,255,.96));border:1px solid #e1edf6;border-radius:18px;box-shadow:0 9px 24px #164d8030,0 0 9px #65aee32b;text-align:center}.logo-wrap{height:163px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-logo{width:190px;height:163px;object-fit:contain;mix-blend-mode:multiply}h1{margin:11px 0 5px;font-size:28px;font-weight:700;letter-spacing:-.7px;color:#12467f}.card-caption{font-size:9px;letter-spacing:3.2px;margin:0 0 21px;color:#6f8dac}form{display:grid;gap:10px}.input-wrap{height:43px;display:flex;align-items:center;border:1px solid #cce3f7;border-radius:5px;background:linear-gradient(#f3f8fe,#ecf5fd);box-shadow:inset 0 1px 3px #bcd8ed24;padding-left:14px;color:#6085a4;text-align:left}.input-wrap:focus-within{outline:2px solid #36b9ef;outline-offset:2px}.input-wrap>i{font-size:13px;width:23px}.input-wrap input{min-width:0;width:100%;height:100%;border:0;background:transparent;outline:0;font-size:13px;color:#244e71;padding:0 8px}.input-wrap input::placeholder{color:#6c87a1}.show-password{width:40px;height:40px;flex-shrink:0;border:0;background:transparent;color:#6286a4;cursor:pointer}.access-button{height:45px;display:flex;gap:12px;align-items:center;justify-content:center;border:1px solid #079edd;border-radius:5px;background:linear-gradient(110deg,#0062ba,#008bdb 66%,#00c5e9);box-shadow:0 3px 8px #008cce30,inset 0 1px 0 #8de2ff;font-size:12px;letter-spacing:1px;font-weight:700;color:white;cursor:pointer;margin-top:1px}.access-button:hover{filter:brightness(1.08)}button:focus-visible{outline:2px solid #0075c5;outline-offset:3px}.access-button:disabled{opacity:.7;cursor:wait}.secure-note{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:18px}.secure-note span{height:1px;background:linear-gradient(90deg,transparent,#ccdeed)}.secure-note span:nth-of-type(2){transform:rotate(180deg)}.secure-note p{font-size:7px;letter-spacing:2px;margin:0;color:#7494b2}.secure-note i{grid-column:1/-1;font-size:11px;margin-top:0;color:#3274a8}.page-footer{z-index:2;margin-top:34px;text-align:center}.features{display:flex;justify-content:center;max-width:710px}.feature{width:140px;padding:0 12px;border-right:1px solid #d4e4ef}.feature:last-child{border:0}.feature>i{color:#0879d6;font-size:26px;height:33px}.feature h2{font-size:9px;letter-spacing:2px;font-weight:700;line-height:1.5;margin:5px 0;color:#2b699c}.feature p{font-size:7px;line-height:1.6;letter-spacing:1px;color:#6f89a0;margin:0}.tagline{margin:24px 0 0;font-size:8px;font-weight:600;letter-spacing:2.5px;color:#6297bd}.bottom-waves{position:absolute;bottom:0;left:0;width:100%;height:250px;pointer-events:none;z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-alert{margin:0 0 13px;padding:10px;border:1px solid #f4cfb1;background:#fff4e9;color:#8a451a;border-radius:5px;font-size:12px;line-height:1.5}@media(min-height:850px){.login-scene{padding-top:110px}.brand-backdrop{top:65px}.page-footer{margin-top:45px}}@media(max-width:700px){.login-scene{padding:95px 20px 35px}.page-header{top:25px;left:22px;right:22px}.page-header p{font-size:7px;letter-spacing:1.8px}.page-header .welcome{font-size:8px;letter-spacing:3px}.welcome span{font-size:6px;letter-spacing:1.8px}.login-card{width:min(340px,100%)}.brand-backdrop{width:700px;top:70px;opacity:.17}.brand-backdrop span{font-size:400px}.circuits{left:-100px;top:250px;width:250px}.page-footer{width:100%;margin-top:29px}.features{flex-wrap:wrap;gap:20px 0}.feature{width:33.33%;padding:0 5px}.feature:nth-child(3){border:0}.feature>i{font-size:22px}.feature h2{font-size:8px;letter-spacing:1px}.feature p{font-size:6px}.tagline{font-size:6px;line-height:1.8;letter-spacing:1.2px;margin-top:22px}.bottom-waves{height:150px;opacity:.8}}@media(prefers-reduced-motion:no-preference){.access-button{transition:filter .18s}}