:root{--navy-950:#032247;--navy-900:#062a52;--navy-850:#07345f;--maroon:#96183a;--gold:#e1b04d}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;font-family:"Roboto",sans-serif}.portal-selector-page{width:100vw;min-height:100vh;overflow:hidden;background:var(--navy-950)}.portal-selector{position:relative;isolation:isolate;width:100vw;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 78% 42%,rgba(22,82,132,.2),transparent 42%),linear-gradient(135deg,#05264a,#07365f 52%,#05254a)}.desktop-curve{position:absolute;z-index:2;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(8px 0 13px rgba(0,17,45,.13))}.curve-maroon{fill:#9e193c}.curve-navy{fill:#082d58}.curve-white{fill:#f8fafc}.brand-area{position:absolute;z-index:3;inset:0 auto 0 0;width:52%;overflow:hidden}.circuit{position:absolute;top:0;left:0;width:330px;color:#cfd9e6;opacity:.16}.circuit path{stroke:currentColor;stroke-width:2}.circuit circle{fill:currentColor}.waves{position:absolute;left:0;bottom:0;width:790px;height:220px;fill:none;stroke:rgba(167,181,200,.35);stroke-width:1.2}.master-logo{position:absolute;left:390px;top:455px;width:min(580px,68vw);max-height:480px;transform:translate(-50%,-50%);object-fit:contain}.portal-area{position:absolute;z-index:4;inset:0 0 0 48%;overflow:hidden}.portal-area:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(131,166,207,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(131,166,207,.035) 1px,transparent 1px);background-size:43px 43px;mask-image:linear-gradient(#000,transparent 90%)}.network-dots{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle at 12% 16%,#a2b8d3 0 1.5px,transparent 2px),radial-gradient(circle at 72% 12%,#a2b8d3 0 1px,transparent 2px),radial-gradient(circle at 85% 68%,#a2b8d3 0 1.5px,transparent 2px),linear-gradient(27deg,transparent 49.8%,rgba(130,164,204,.18) 50%,transparent 50.2%);background-size:180px 190px,220px 240px,260px 210px,250px 185px}.network-globe{position:absolute;right:-150px;bottom:-170px;width:590px;fill:none;stroke:#8aa9d0;stroke-width:1;opacity:.075}.network-globe g{fill:#8aa9d0;stroke:none}.portal-content{position:absolute;inset:0}.portal-heading{position:absolute;top:139px;left:50%;width:600px;transform:translateX(-40%);text-align:center}.portal-heading p{margin:0 0 13px;color:var(--gold);font-size:16px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.portal-heading h1{margin:0;color:#fff;font-size:43px;font-weight:400;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}.portal-heading i{display:block;width:72px;height:3px;margin:22px auto 0;background:#a71b40;border-radius:3px}.portal-card{position:absolute;top:340px;left:50%;width:520px;height:325px;transform:translateX(-40%);display:grid;align-content:start;gap:50px;padding:38px;border:1px solid rgba(255,255,255,.85);border-radius:22px;background:#fff;box-shadow:0 20px 50px rgba(0,20,55,.18),0 5px 15px rgba(0,20,55,.08)}.portal-link{height:86px;display:grid;grid-template-columns:38px 1fr 28px;align-items:center;gap:23px;padding:0 25px;border-radius:13px;color:#fff;text-decoration:none;font-size:19px;font-weight:500;transition:transform 180ms ease,box-shadow 180ms ease}.customer-link{background:linear-gradient(135deg,#073464,#052b54);box-shadow:0 9px 18px rgba(4,36,76,.2)}.admin-link{background:linear-gradient(135deg,#a11a3d,#871332);box-shadow:0 9px 18px rgba(100,10,38,.23)}.portal-link:hover{transform:translateY(-2px);box-shadow:0 13px 24px rgba(0,20,50,.28)}.portal-link:active{transform:none}.portal-link:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.portal-icon{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.arrow{justify-self:end;width:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.portal-footer{position:absolute;top:758px;left:50%;width:620px;transform:translateX(-40%);text-align:center}.portal-footer>div{display:flex;justify-content:center;align-items:center;gap:12px;color:var(--gold);font-size:16px;font-weight:400;letter-spacing:.08em}.portal-footer svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.7}.portal-footer i{padding:0 5px;color:#b72149;font-style:normal}.portal-footer p{margin:23px 0 0;color:rgba(255,255,255,.85);font-size:14px;font-weight:400;line-height:1.8}.portal-footer p span{display:block}
@media(min-width:761px) and (max-width:1200px){.brand-area{width:46%}.master-logo{left:23vw;width:42vw}.portal-area{left:46%}.portal-heading,.portal-card,.portal-footer{left:50%;transform:translateX(-50%)}.portal-heading{width:430px}.portal-heading h1{font-size:34px}.portal-card{width:min(430px,43vw);padding:32px}.portal-link{font-size:17px;gap:16px;padding-inline:18px}.portal-footer{width:430px}.portal-footer>div{font-size:13px}}
@media(max-width:760px){.portal-selector{min-height:100vh;overflow:auto}.desktop-curve{display:none}.brand-area{position:relative;width:100%;height:245px;background:linear-gradient(145deg,#fff,#f4f7fa)}.brand-area:before,.brand-area:after{content:"";position:absolute;z-index:5;left:-5%;bottom:-11px;width:110%;height:40px;border-radius:48% 52% 0 0/100% 100% 0 0}.brand-area:before{background:#96183a}.brand-area:after{bottom:-20px;background:#082d58}.master-logo{left:50%;top:118px;width:min(360px,78vw);max-height:215px}.circuit{width:250px}.waves{display:none}.portal-area{position:relative;inset:auto;min-height:calc(100vh - 245px);padding:55px 12px 25px;overflow:hidden}.portal-content{position:relative;inset:auto;min-height:570px}.portal-heading,.portal-card,.portal-footer{position:relative;top:auto;left:auto;width:auto;transform:none}.portal-heading{margin:0 auto 26px}.portal-heading p{font-size:11px}.portal-heading h1{font-size:27px}.portal-heading i{width:55px;margin-top:17px}.portal-card{height:auto;gap:19px;padding:23px;border-radius:21px}.portal-link{height:70px;grid-template-columns:34px 1fr 24px;gap:16px;padding:0 17px;font-size:16px}.portal-icon{width:29px}.portal-footer{margin:105px auto 0}.portal-footer>div{font-size:11px}.portal-footer p{font-size:12px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}