:root{--paper:#f5f6f3;--ink:#192c28;--green:#102f27;--lime:#d4ebbe;--muted:#718077;--border:#dde5db;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:'Manrope',var(--sans)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button,input{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #7fa16c;outline-offset:4px}[hidden]{display:none!important}.screen-reader-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:-70px;left:20px;padding:12px 20px;background:var(--lime);color:var(--green);border-radius:8px;z-index:5}.skip-link:focus{top:16px}
.login-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);min-height:100vh;min-height:100dvh}.brand-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;padding:49px 11%;background:var(--green);color:#f1f5eb}.brand{display:flex;align-items:center;gap:12px;font:800 36px/1.05 var(--display);letter-spacing:-1.7px}.brand-mark{width:36px;height:42px;color:#d0e6bb;flex:none}.brand-sub{display:block;font:500 7px/1.3 var(--sans);letter-spacing:2.7px;margin:9px 0 0 2px;color:#a2bba9}.brand-story{position:relative;z-index:1;margin-top:clamp(84px,15vh,172px)}.eyebrow{font-size:9px;font-weight:550;letter-spacing:1.8px}.brand-story .eyebrow{color:#a5c59d;margin:0 0 25px}.brand-story h1{font:500 clamp(32px,3.2vw,48px)/1.2 var(--display);letter-spacing:-1.85px;margin:0 0 22px}.story-description{font-size:13px;line-height:1.9;color:#a9bfae;margin:0}.orbital-art{position:absolute;width:min(95%,680px);right:-15%;bottom:-5%;z-index:-1;opacity:.9;pointer-events:none}.orbital-art svg{width:100%;display:block}.brand-footer{display:flex;justify-content:space-between;gap:18px;padding-top:160px;margin-top:auto;font-size:10px;color:#8ca891}.brand-footer>span:first-child{color:#ccdacb;font-weight:500}
.access-panel{display:flex;flex-direction:column;min-width:0;padding:51px 10% 35px}.access-top{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:8px;letter-spacing:1.65px;font-weight:600;color:#8a988a}.access-dot{width:5px;height:5px;border-radius:50%;background:#91a681}.login-card{width:100%;max-width:380px;margin:auto; padding:58px 0 64px}.access-symbol{display:grid;place-items:center;width:44px;height:44px;background:#eaf0e5;color:#69815e;border:1px solid #e0e8da;border-radius:12px;margin-bottom:26px}.access-symbol svg{width:20px;height:20px}.form-eyebrow{color:#84907d;font-size:8px;margin:0 0 10px}.login-card h2{font:600 clamp(26px,2.5vw,32px)/1.3 var(--display);letter-spacing:-1.15px;margin:0 0 10px}.login-description{font-size:12px;color:var(--muted);margin:0 0 34px}.field{display:block;font-size:11px;font-weight:550;color:#4c5e50;margin-bottom:9px}.password-label{margin-top:21px}input{display:block;width:100%;height:48px;padding:0 14px;color:var(--ink);font-size:13px;background:#fff;border:1px solid var(--border);border-radius:8px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#99a391;font-size:12px}input:hover{border-color:#bdcdb7}input:focus{border-color:#8eaa7d;box-shadow:0 0 0 3px #a4c18d15}input:disabled{color:#718077;background:#f0f3ed;opacity:1}.password-field{position:relative}.password-field input{padding-right:51px}.password-toggle{position:absolute;right:5px;top:4px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:5px;background:transparent;color:#8a9b80}.password-toggle:hover{color:#315e4c;background:#edf2e8}.password-toggle svg{width:19px;height:19px}.submit-button{width:100%;min-height:48px;border:1px solid var(--green);border-radius:8px;background:var(--green);color:#f2f6ed;display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:550;padding:13px 18px;margin-top:26px;transition:background .15s,box-shadow .15s}.submit-button:hover{background:#254d3c;box-shadow:0 4px 14px #183a2012}.submit-button:disabled{background:#40614d;border-color:#40614d}.submit-button svg{width:17px;height:17px;margin-left:auto}.submit-button>span:nth-child(2){margin-right:auto}.button-spinner+span{margin-left:0}.login-error{font-size:11px;line-height:1.7;color:#984237;border:1px solid #efd9d1;background:#faf0eb;padding:11px 13px;border-radius:7px;margin-top:17px;overflow-wrap:anywhere}.access-note{font-size:10px;color:#889580;text-align:center;margin:23px 0 0}.access-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;color:#97a28f}.access-footer>span:first-child{font-family:var(--display);font-weight:700;color:#7d8c76}.button-spinner{width:15px;height:15px;border:1.5px solid #ffffff40;border-top-color:#d4ebbe;border-radius:50%;animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.brand-panel{padding-left:13%;padding-right:13%}.brand-story h1{font-size:52px}.login-card{max-width:405px}}
@media(max-width:1050px){.brand-panel{padding:39px 9%}.brand-story h1{font-size:35px}.brand-footer{flex-direction:column;gap:6px}.access-panel{padding:41px 10% 30px}.access-footer>span:last-child{font-size:8px}.orbital-art{bottom:4%;width:120%;right:-28%}}
@media(max-width:760px){.login-layout{grid-template-columns:1fr}.brand-panel{padding:28px 28px 30px;min-height:190px}.brand{font-size:28px;gap:10px}.brand-mark{width:28px;height:35px}.brand-sub{font-size:6px;letter-spacing:2.1px;margin-top:7px}.brand-story{margin-top:31px}.brand-story .eyebrow,.story-description,.brand-footer{display:none}.brand-story h1{font-size:24px;letter-spacing:-.8px;line-height:1.3;margin:0}.brand-story h1 br{display:none}.orbital-art{width:300px;right:-72px;bottom:-105px;opacity:.5}.access-panel{padding:25px 28px 23px;min-height:calc(100dvh - 191px)}.access-top{font-size:7px;letter-spacing:1.35px}.login-card{max-width:430px;padding:31px 0 45px}.access-symbol{display:none}.form-eyebrow{margin-bottom:9px}.login-card h2{font-size:28px}.login-description{margin-bottom:27px}.access-footer{max-width:430px;width:100%;margin:0 auto}.access-note{font-size:10px}input{font-size:16px}.password-toggle{width:42px}.access-footer>span:last-child{font-size:8px}}
@media(max-width:360px){.brand-panel{padding-left:22px;padding-right:22px}.brand-story h1{font-size:21px}.access-panel{padding-left:22px;padding-right:22px}.login-card h2{font-size:25px}.access-footer{font-size:8px}.access-footer>span:last-child{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}