:root{font-family:Segoe UI,Arial,sans-serif;color:#173b43;background:#f5f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#0c4c51;color:#fff;min-height:100vh;padding:48px clamp(32px,6vw,100px);display:flex;flex-direction:column;position:relative;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-size:29px;font-weight:650;letter-spacing:-1px;z-index:1}.mark{display:grid;place-items:center;width:35px;height:39px;border:2px solid #9ed6c9;border-radius:13px 13px 17px 17px;font-size:22px;color:#bfe9dc}.brand-dot{margin-left:-10px;color:#a5dcc9}.intro-copy{margin:auto 0;position:relative;z-index:1;padding:70px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#4e7877}.intro .eyebrow{color:#a5d5c9}h1{font-size:clamp(38px,4.3vw,67px);font-weight:500;letter-spacing:-2px;line-height:1.12;margin:23px 0}.description{font-size:17px;line-height:1.7;color:#c3dcd8;max-width:365px}.features{display:flex;gap:9px;flex-wrap:wrap;margin-top:35px}.features span{font-size:12px;border:1px solid #ffffff38;border-radius:30px;padding:9px 15px;color:#daeeea}.intro-footer{font-size:12px;color:#b6d4cc;z-index:1}.orb{position:absolute;border:1px solid #b8ecdc18;border-radius:50%;pointer-events:none}.orb-one{width:700px;height:700px;right:-450px;bottom:-260px}.orb-two{width:520px;height:520px;right:-360px;bottom:-170px}.access{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 32px;min-width:0}.card{width:100%;max-width:380px}.card h2{font-weight:600;font-size:36px;letter-spacing:-1.2px;margin:17px 0 10px}.subtitle{color:#647a7d;line-height:1.6;margin-bottom:36px;font-size:14px}label{display:block;font-size:13px;font-weight:600;margin:22px 0 9px}input{font:inherit;font-size:14px;border:1px solid #ccd9d7;background:#fff;border-radius:9px;width:100%;padding:15px 16px;color:#173b43;min-height:50px}input:focus{outline:2px solid #448f87;outline-offset:2px}input::placeholder{color:#849896}.password-wrap{position:relative}.password-wrap input{padding-right:83px}.password-wrap button{position:absolute;right:10px;top:8px;height:34px;border:0;background:transparent;color:#3e6f6b;font:inherit;font-size:12px;cursor:pointer;border-radius:5px}.message{font-size:13px;line-height:1.5;color:#a5392f;margin:16px 0;min-height:20px}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:9px;background:#11685f;color:white;padding:16px 19px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.submit:hover{background:#0c554e}.submit:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #438b81;outline-offset:4px}.help{font-size:12px;line-height:1.8;color:#738785;margin:25px 0 32px}.connection{display:flex;align-items:center;gap:8px;border-top:1px solid #dfe8e5;padding-top:20px;font-size:11px;color:#65817c;line-height:1.5}.indicator{width:7px;height:7px;flex-shrink:0;background:#9aa9a3;border-radius:50%}.ready .indicator{background:#29836b}.offline .indicator{background:#b57a34}.access-footer{max-width:380px;font-size:11px;color:#899994;line-height:1.7;margin:38px 0 0}@media(max-width:760px){main{grid-template-columns:1fr}.intro{min-height:0;padding:24px}.brand{font-size:25px}.intro-copy{padding:20px 0 4px}h1{font-size:34px;letter-spacing:-1px;margin:12px 0}.intro .eyebrow,.description,.features,.intro-footer{display:none}.access{padding:34px 24px 25px}.card h2{font-size:29px;margin-top:10px}.subtitle{margin-bottom:24px}.access-footer{margin-top:25px}.orb-one{bottom:-440px}}@media(prefers-reduced-motion:no-preference){.submit{transition:background .15s}}
:root{color:#173554;background:#f8f9fc}.intro{background:#052857}.intro .eyebrow{color:#e1bd69}.submit{background:#073671}.submit:hover{background:#052857}.password-wrap button{color:#073671}.login-logo{display:block;width:200px;height:auto;background:white;border-radius:7px;padding:12px}.brand{width:fit-content}.back-home{position:absolute;top:29px;color:#073671;text-decoration:none;font-size:12px}.access{position:relative}.connection{color:#526c81}.access-footer{color:#67778b}@media(max-width:760px){.login-logo{width:155px}.access{padding-top:64px}.back-home{top:22px}.intro-copy{padding-top:15px}}