:root{--green:#17392f;--ink:#244236;--muted:#8c988b;--lime:#d2e5ad;--font:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font:14px/1.5 var(--font);color:var(--ink);background:#f8f9f5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #9fbf79;outline-offset:4px}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr}.story{position:relative;overflow:hidden;padding:51px 64px 32px;color:#eaf0e4;background:radial-gradient(ellipse at 80% 50%,#254c38 0,transparent 65%),#17372f;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;gap:12px;align-items:center;font-size:43px;font-weight:650;line-height:1.1;letter-spacing:-2px;width:max-content}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#a2b89c;font-weight:400;margin-top:7px}.brand-symbol{display:block;width:49px;height:49px;border:2px dashed #c2d99b;border-radius:50%;position:relative}.brand-symbol:after{content:'';position:absolute;width:7px;height:7px;border:2px solid #17372f;background:#d7b17a;border-radius:50%;right:-3px;top:20px}.story-copy{margin-top:clamp(80px,13vh,150px);position:relative;z-index:1;max-width:500px}.eyebrow{font-size:9px;letter-spacing:1.65px;color:#a7be96;font-weight:500}.eyebrow>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c3dca0;margin-right:8px;vertical-align:middle}.story h1{font-weight:450;font-size:clamp(33px,3.1vw,52px);letter-spacing:-1.7px;line-height:1.2;margin:23px 0 20px}.story-copy>p{color:#a6bca4;font-size:13px;line-height:1.9;max-width:380px;margin:0}.route-art{margin:22px -47px 0;position:relative;flex:1;min-height:270px;display:flex;flex-direction:column;justify-content:center}.route-art svg{width:100%;height:auto;max-height:330px;display:block}.route-caption{font-size:9px;color:#a7bfa0;letter-spacing:.2px;position:absolute;left:69px;bottom:22px}.route-dot{display:inline-block;width:5px;height:5px;background:#c4dba1;border-radius:50%;margin-right:8px}.story-footer{display:flex;gap:18px;align-items:center;color:#91ab91;font-size:9px;padding-top:23px;border-top:1px solid #355342;letter-spacing:.2px}.story-footer i{height:3px;width:3px;border-radius:50%;background:#78926b}.entry{padding:34px 44px 26px;min-height:100vh;display:flex;flex-direction:column;background:#f8f9f5}.entry-top,.entry-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#9aa391;font-size:9px}.entry-product{font-size:9px;letter-spacing:1.7px;color:#7f907c;font-weight:500}.private-badge{display:flex;align-items:center;gap:5px;font-size:9px;background:#edf1e6;border:1px solid #e5eadd;border-radius:20px;padding:5px 10px;color:#85957a}.private-badge svg{width:13px;height:13px}.form-wrap{width:100%;max-width:350px;margin:auto; padding:55px 0 58px}.entry-mark{width:49px;height:49px;background:#edf2e4;border-radius:13px;display:grid;place-items:center;position:relative;margin-bottom:29px}.entry-mark span{width:25px;height:25px;border:1.5px dashed #7f9a60;border-radius:50%}.entry-mark i{position:absolute;width:6px;height:6px;background:#bd9862;border-radius:50%;right:11px;top:22px}.form-eyebrow{font-size:8px;color:#95a283;letter-spacing:1.6px}h2{font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:550;margin:10px 0 10px}.form-intro{font-size:12px;color:#95a08c;margin:0 0 32px}form>label:not(.remember){display:block;font-size:11px;font-weight:500;margin:19px 0 8px;color:#53694a}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>svg{position:absolute;width:17px;height:17px;left:15px;color:#9cac8c;pointer-events:none}.input-wrap input{width:100%;height:49px;border:1px solid #dce4d2;background:#fff;border-radius:6px;padding:12px 15px 12px 43px;font-size:12px;color:#3e5636;outline:none;transition:border-color .15s,box-shadow .15s}.input-wrap input::placeholder{color:#adb5a2;font-size:11px}.input-wrap input:focus{border-color:#8ba46d;box-shadow:0 0 0 3px #9fbd7920}.input-wrap input[aria-invalid=true]{border-color:#bd8668}.password-wrap input{padding-right:43px}.password-wrap button{position:absolute;right:9px;border:0;background:transparent;color:#9eac8f;width:29px;height:29px;padding:5px;display:flex;align-items:center;justify-content:center}.password-wrap button svg{width:18px;height:18px}.remember{display:flex;align-items:center;gap:9px;font-size:10px;color:#87957b;margin:19px 0 23px;cursor:pointer}.remember input{margin:0;accent-color:#3f6a45;width:14px;height:14px;cursor:pointer}.submit-button{width:100%;background:#2c6043;border:1px solid #2c6043;border-radius:6px;display:flex;align-items:center;justify-content:space-between;height:49px;padding:0 17px;font-size:12px;color:#f0f4e9;transition:background .15s,transform .15s}.submit-button:hover{background:#245438;transform:translateY(-1px)}.submit-button:disabled{cursor:wait;opacity:.75;transform:none}.submit-button svg{width:19px;height:19px;color:#c2d6ab}.form-error{color:#a06042;background:#faf0e8;border:1px solid #ead7c7;padding:10px 12px;border-radius:5px;font-size:11px;line-height:1.7;margin-bottom:15px}.caps-note{font-size:10px;color:#ad8a53;margin:5px 0 0}.access-note{font-size:10px;text-align:center;color:#7e8e72;line-height:1.9;margin:23px -6px 0}.access-note span{font-size:9px;color:#a2ac95}.form-divider{height:1px;background:#e5eadd;margin:28px 0 17px}.secure-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#a6af9a;font-size:9px}.secure-note svg{width:15px;height:15px;flex-shrink:0}.entry-footer{font-size:8px;color:#a7af9e}.spinner{display:block;width:15px;height:15px;border:1.5px solid #fff5;border-top-color:white;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.story{padding:65px 90px 39px}.entry{padding:40px 62px 30px}.form-wrap{max-width:375px}.story-copy>p{font-size:14px;max-width:430px}.story-footer{font-size:10px}.route-caption{left:47px;bottom:37px}.route-art{margin-left:-30px;margin-right:-30px}.input-wrap input,.submit-button{height:52px}h2{font-size:35px}}@media(max-width:1100px){.story{padding:40px 38px 28px}.entry{padding:30px 30px 24px}.story h1{font-size:36px}.story-copy{margin-top:100px}.story-copy>p{font-size:12px}.brand{font-size:36px}.brand-symbol{width:43px;height:43px}.brand small{font-size:7px}.entry-top{gap:10px}.private-badge{font-size:8px;padding:5px 7px}.entry-product{font-size:8px}.form-wrap{max-width:320px}.route-caption{left:48px;font-size:8px}.story-footer{font-size:8px;gap:11px}.story .eyebrow{font-size:8px;letter-spacing:1.1px}}@media(max-width:800px){.login-layout{grid-template-columns:.85fr 1fr}.story{padding:35px 26px 25px}.story h1{font-size:31px;letter-spacing:-1px}.story-copy{margin-top:100px}.story-copy>p{font-size:11px}.story .eyebrow{font-size:7px;letter-spacing:.6px}.entry{padding:27px 24px 22px}.private-badge{display:none}.form-wrap{padding:50px 0}h2{font-size:29px}.story-footer{gap:8px;font-size:7px}.route-art{margin-left:-38px;margin-right:-38px}.route-caption{left:40px;bottom:22px;font-size:7px}.entry-footer{font-size:7px;gap:7px}}@media(max-width:620px){.login-layout{display:block}.story{min-height:0;padding:26px 26px 28px}.brand{font-size:29px;gap:10px}.brand-symbol{width:34px;height:34px;border-width:1.5px}.brand-symbol:after{height:6px;width:6px;top:12px;right:-3px}.brand small{font-size:6px;letter-spacing:1.6px;margin-top:4px}.story-copy{margin-top:28px;max-width:none}.story h1{font-size:29px;line-height:1.15;letter-spacing:-.9px;margin:12px 0 0}.story h1 br{display:none}.story-copy>p,.route-art,.story-footer{display:none}.story .eyebrow{font-size:7px;letter-spacing:1.1px}.entry{min-height:calc(100svh - 210px);padding:0 26px 19px}.entry-top{display:none}.form-wrap{max-width:390px;padding:31px 0 37px}.entry-mark{display:none}.form-eyebrow{font-size:7px}h2{font-size:28px;margin-top:8px}.form-intro{font-size:11px;margin-bottom:23px}form>label:not(.remember){margin-top:17px}.input-wrap input{height:49px;font-size:14px}.remember{font-size:10px;margin:19px 0}.form-divider{margin-top:24px}.access-note{margin-top:20px}.entry-footer{font-size:7px;max-width:390px;margin:0 auto;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
