@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--forest:#173d2b;--ink:#233d2d;--lime:#d5ed9a;--muted:#7c887d;--line:#e0e6dc;--ivory:#fafbf6}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:14px Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.login-layout{display:grid;grid-template-columns:46% 54%;min-height:100svh;padding:16px}.story{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;padding:38px 42px;background:var(--forest);color:white;min-height:680px}.story-image{position:absolute;inset:0;background:linear-gradient(180deg,#173d2bf5 0%,#173d2be8 28%,#173d2b35 62%,#0b291fbd 100%),url('assets/farm.png') 60% center/cover}.brand{position:relative;display:flex;align-items:center;gap:12px;width:fit-content}.brand-symbol{height:41px;width:41px;display:grid;place-items:center;border-radius:12px;background:var(--lime);color:var(--forest)}.brand-symbol svg{width:24px;height:24px}.brand-name{font-size:26px;font-weight:800;letter-spacing:-1px}.brand-tagline{font-size:8px;letter-spacing:2.2px;color:#c4d6ba;margin-top:3px}.story-copy{position:relative;margin-top:70px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;color:#bccdaa;display:flex;align-items:center;gap:8px}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--lime)}.story h2{font-size:clamp(36px,3.8vw,61px);font-weight:600;line-height:1.16;letter-spacing:-2.5px;margin:22px 0 20px}.story h2 span{color:var(--lime)}.story-copy p{color:#d0dccd;font-size:12px;line-height:1.9;max-width:290px;margin:0}.journey-card{position:relative;margin-top:auto;align-self:flex-start;background:#fffffff2;color:var(--forest);padding:20px 23px;border-radius:12px;width:100%;max-width:390px;box-shadow:0 10px 30px #0001}.journey-title{font-weight:800;font-size:12px;display:flex;align-items:center;gap:8px}.journey-title svg{width:17px}.journey-stages{display:flex;align-items:center;justify-content:space-between;margin:19px 0 4px;font-size:10px;font-weight:600}.journey-stages span{display:flex;align-items:center;gap:7px}.stage-dot{width:7px;height:7px;background:#8cae60;border-radius:50%;display:inline-block}.journey-stages svg{width:13px;color:#9ca693}.story-footer{position:relative;color:#d0dccb;font-size:9px;letter-spacing:.3px;margin-top:23px;display:flex;justify-content:space-between;gap:15px}.login-side{display:flex;flex-direction:column;min-width:0;padding:22px 42px 18px}.login-header{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;gap:12px}.back-link{display:flex;align-items:center;gap:7px}.back-link svg{width:15px}.signup-link{color:var(--forest);font-weight:800;margin-left:7px}.mobile-brand{display:none}.login-main{width:100%;max-width:390px;margin:auto; padding:45px 0}.welcome-icon{width:45px;height:45px;background:#eef3e5;display:grid;place-items:center;border:1px solid #e2e9d7;border-radius:12px;color:#6a8951;margin-bottom:25px}.welcome-icon svg{height:23px;width:23px}.login-eyebrow{font-size:9px;letter-spacing:1.7px;color:#8b9687;font-weight:800}.login-main h1{font-size:36px;line-height:1.2;letter-spacing:-1.5px;margin:12px 0 13px;font-weight:800}.intro{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 33px;max-width:340px}.form-group{margin:0 0 22px}label{display:block;font-weight:700;font-size:11px;margin-bottom:10px}.input-wrap{display:flex;align-items:center;gap:12px;background:white;border:1px solid #dce3d5;border-radius:9px;padding:0 15px;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#718954;box-shadow:0 0 0 3px #d5ed9a55}.input-wrap>svg{width:17px;color:#8d9885;flex-shrink:0}input{width:100%;min-width:0;border:0;background:transparent;padding:16px 0;font-size:12px;color:var(--ink);outline:0}input::placeholder{color:#a0a897;opacity:1}.pin-input{letter-spacing:6px;font-size:17px;padding:13px 0}.pin-visibility{display:grid;place-items:center;background:none;border:0;padding:6px;color:#8d9885;cursor:pointer}.pin-visibility svg{width:17px}.field-hint{font-size:10px;color:#939c8d;line-height:1.6;margin:8px 0 0}.login-submit{margin-top:7px;padding:17px 18px;width:100%;display:flex;justify-content:center;align-items:center;gap:14px;border:0;background:var(--forest);color:white;border-radius:9px;font-weight:700;font-size:12px;cursor:pointer;transition:background .15s,transform .15s;box-shadow:0 5px 13px #173d2b12}.login-submit:hover{background:#26533c}.login-submit:active{transform:translateY(1px)}.login-submit:disabled{opacity:.65;cursor:wait}.account-note{text-align:center;color:#8d9787;font-size:10px;margin:17px 0 0}.account-note svg{height:12px;width:12px;vertical-align:-2px;margin-right:4px}.form-divider{display:flex;gap:13px;align-items:center;color:#a1aa9c;font-size:9px;letter-spacing:.5px;margin:29px 0 21px}.form-divider:before,.form-divider:after{content:'';height:1px;background:#e5e9df;flex:1}.verify-link{display:flex;align-items:center;justify-content:space-between;border:1px solid #e0e6d8;border-radius:9px;padding:15px 16px;color:#5b6e4e;font-size:11px;background:#f4f7ed}.verify-link:hover{background:#eaf0df}.verify-link>span{display:flex;align-items:center;gap:9px}.verify-link svg{width:17px}.verify-link>svg{width:14px}.error-message{display:none;border:1px solid #ebc8bd;background:#fff2ec;color:#a34e37;border-radius:8px;padding:13px;font-size:11px;line-height:1.7;margin:0 0 20px}.login-footer{display:flex;justify-content:space-between;color:#99a18f;font-size:9px;gap:15px}.login-footer a{color:#7b8a6a}.mobile-signup{display:none}
@media(min-width:1600px){.story{padding:48px 58px}.story-copy{margin-top:105px}.login-side{padding:30px 65px}.login-main{max-width:430px}.login-main h1{font-size:42px}}
@media(max-width:980px){.story{padding:30px;min-height:650px}.story h2{font-size:39px;letter-spacing:-1.6px}.story-copy{margin-top:65px}.login-side{padding:20px 27px}.login-header>span{font-size:10px}.journey-card{padding:18px}.journey-stages{font-size:9px}.story-footer{font-size:8px}}
@media(max-width:700px){.login-layout{display:block;padding:0;min-height:100svh}.story{display:none}.login-side{padding:26px 25px 22px;min-height:100svh}.login-header>.back-link,.login-header>span{display:none}.mobile-brand{display:flex;color:var(--forest)}.mobile-brand .brand-symbol{width:32px;height:32px;background:var(--forest);color:var(--lime);border-radius:9px}.mobile-brand .brand-name{font-size:23px}.mobile-signup{display:block;color:var(--forest);font-size:11px;font-weight:700}.login-main{padding:45px 0;max-width:420px}.login-main h1{font-size:34px}.login-footer{font-size:8px}.intro{margin-bottom:28px}.welcome-icon{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}