@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--green:#176c5b;--ink:#203e34;--muted:#859187;--line:#e2e8e1}*{box-sizing:border-box}body{margin:0;font:14px 'Noto Sans SC',system-ui,sans-serif;background:#fff;color:var(--ink)}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #dfbd70;outline-offset:3px}[hidden]{display:none!important}.layout{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.story{background:#eef2e7;padding:46px 12% 30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:24px;letter-spacing:-.8px;width:max-content}.mark{display:grid;place-items:center;width:46px;height:46px;background:var(--green);color:#fff;border-radius:14px;font-size:34px;font-family:Georgia,serif;position:relative;line-height:1}.mark span{position:absolute;font-size:13px;color:#e5c57b;right:3px;top:4px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2.6px;color:#728371;margin-top:5px}.story-copy{margin-top:82px;position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#6b816d;font-weight:500}.story h1{font-size:clamp(32px,3.1vw,49px);line-height:1.55;letter-spacing:1px;font-weight:600;margin:18px 0 20px}.story h1 span{color:#b99b59}.story-copy p{font-size:13px;line-height:2.1;color:#7b8a75;margin:0}.journey{position:relative;margin:24px -17% 15px;width:134%}.journey svg{width:100%;display:block}.place{position:absolute;left:15%;top:72%;font-size:9px;color:#5e785c;background:#f8f9eece;padding:5px 12px;border:1px solid #d4dfcb;border-radius:15px}.center{left:auto;right:10%;top:52%}.ride-note{position:absolute;right:20%;bottom:1%;font-size:10px;color:#6e8368;letter-spacing:1px}.story-bottom{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:27px;border-top:1px solid #dce4d4}.story-bottom>span{display:grid;place-items:center;border:1px solid #b7c8b2;width:29px;height:33px;border-radius:9px;color:#71946f}.story-bottom strong{font-size:11px;font-weight:500;color:#688065}.story-bottom small{display:block;font-size:10px;color:#94a08a;margin-top:5px}.login-side{display:flex;flex-direction:column;min-width:0;padding:35px 8% 25px}.top-note{text-align:right;font-size:9px;letter-spacing:1.5px;color:#a1aa9e}.top-note span{margin-left:13px;letter-spacing:0}.card{width:100%;max-width:370px;margin:auto;padding:45px 0}.welcome-icon{width:38px;height:38px;display:grid;place-items:center;background:#f0f5ed;color:var(--green);border:1px solid #e4ebdf;border-radius:12px;font-size:23px;margin-bottom:19px}.card .eyebrow{font-size:9px;color:#9aa68e;letter-spacing:2.1px}.card h2{font-size:28px;font-weight:600;letter-spacing:.5px;margin:9px 0 10px}.intro{color:var(--muted);font-size:12px;margin:0 0 22px}.prototype-note{font-size:10px;line-height:1.9;color:#96815c;background:#fcf8ed;border:1px solid #f0e9d6;border-radius:7px;padding:9px 11px;margin-bottom:20px}.google{display:flex;gap:13px;align-items:center;justify-content:center;width:100%;height:48px;border:1px solid #dce3d8;border-radius:8px;background:white;font-size:12px;color:#3d5144;transition:background .2s}.google:hover{background:#f7faf5}.divider{display:flex;align-items:center;gap:16px;color:#a2ab9d;font-size:10px;margin:23px 0}.divider:before,.divider:after{content:'';height:1px;background:#e9ede6;flex:1}label{font-size:11px;font-weight:500;display:block;margin-bottom:9px}input{border:1px solid #dfe6da;background:#fdfefb;width:100%;height:47px;border-radius:7px;padding:0 13px;color:var(--ink);font-size:12px}input::placeholder{color:#b0b7aa}input:focus{border-color:#91aa87;background:white}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:9px}.password-label label{margin:0}.text-button{border:0;background:none;color:var(--green);padding:3px 0;font-size:11px}.password-field{position:relative}.password-field input{padding-right:46px}.password-field button{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:43px;height:43px;border:0;background:transparent;color:#94a28b}.submit{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;height:48px;background:var(--green);border:1px solid var(--green);border-radius:8px;color:white;margin-top:24px;font-size:12px;box-shadow:0 4px 10px #176c5b10;transition:background .2s}.submit:hover{background:#115344}.submit span{font-size:18px}.invite{text-align:center;font-size:11px;color:#97a08f;margin:23px 0}.invite button{margin-left:7px}.preview-link{border-top:1px solid #edf0e9;padding-top:19px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a2ab9a}.preview-link a{color:var(--green);font-size:11px}.permission-note{font-size:9px;color:#a2ac9a;margin:22px 0 0;line-height:1.8;text-align:center}.auth-message{background:#eff5eb;border:1px solid #dce8d5;color:#607553;border-radius:7px;font-size:11px;line-height:1.9;padding:12px;margin-top:16px}.reset-help{font-size:11px;color:var(--muted);line-height:1.8}.back{width:100%;border:0;background:none;color:var(--green);font-size:11px;padding:17px}.login-side footer{font-size:9px;color:#a3ad9b;text-align:center}.login-side footer span{margin-left:18px}@media(min-width:1600px){.story-copy{margin-top:110px}.card{max-width:400px}.card h2{font-size:32px}}@media(max-width:1000px){.story{padding:35px 9% 28px}.story-copy{margin-top:65px}.story h1{font-size:34px}.login-side{padding:30px 8% 24px}.card{padding:35px 0}.brand{font-size:21px}.journey{margin-top:40px}}@media(max-width:700px){.layout{display:block}.story{padding:23px 25px 22px;min-height:0}.brand{font-size:21px;gap:10px}.mark{height:39px;width:39px;border-radius:11px;font-size:29px}.brand small{font-size:7px;letter-spacing:2.2px;margin-top:3px}.story-copy{margin:28px 0 0}.story-copy .eyebrow{font-size:8px;letter-spacing:1.7px}.story h1{font-size:25px;line-height:1.5;margin:11px 0 7px;letter-spacing:0}.story h1 br{display:none}.story-copy p{font-size:10px;line-height:1.9;max-width:245px}.journey{position:absolute;width:145px;right:0;bottom:4px;margin:0;opacity:.8}.place,.ride-note,.story-bottom{display:none}.journey svg{width:200px;margin-left:-30px}.login-side{padding:0 26px 23px}.top-note{display:none}.card{max-width:400px;padding:28px 0 32px}.welcome-icon{display:none}.card>.eyebrow{font-size:8px}.card h2{font-size:25px;margin:8px 0}.intro{font-size:11px;margin-bottom:19px}.prototype-note{font-size:9px;padding:8px 10px;margin-bottom:17px}.divider{margin:20px 0}input{height:48px;font-size:16px}.password-field button{height:44px}.password-label{margin-top:18px}.submit{margin-top:22px;height:49px}.invite{margin:20px 0}.permission-note{margin-top:18px}.login-side footer{font-size:8px}.login-side footer span{margin-left:9px}.text-button{padding:8px 0}.back{min-height:44px}.preview-link{padding-top:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.brand>img{width:60px;height:60px;object-fit:contain;background:white;flex-shrink:0}@media(max-width:700px){.brand>img{width:48px;height:48px}}
.other-signin{margin-top:23px;padding-top:18px;border-top:1px solid #e7e5df}.other-signin summary{font-size:11px;color:#666;cursor:pointer;margin-bottom:17px}.card>.submit{text-decoration:none}
