@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#142a2a;background:#f4f6f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #386ced;outline-offset:4px}.login-layout{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.welcome-panel{background:#eaf0e2;padding:48px clamp(32px,6vw,88px) 28px;display:flex;flex-direction:column;overflow:hidden;position:relative}.brand{display:inline-flex;align-items:center;gap:11px;color:#142a2a;font-family:Manrope,system-ui,sans-serif;font-size:30px;font-weight:800;letter-spacing:-1.7px;text-decoration:none;width:max-content}.brand-mark{width:42px;height:44px;background:#142a2a;color:#d8ef79;display:grid;place-items:center;border-radius:13px}.brand-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-dot{color:#698844}.eyebrow{display:block;font-size:11px;letter-spacing:1.8px;color:#69806a;font-weight:700}.welcome-copy{margin-top:clamp(45px,9vh,100px);position:relative;z-index:1}.welcome-copy h1{font-family:Manrope,system-ui,sans-serif;font-size:clamp(36px,4.3vw,64px);font-weight:800;line-height:1.13;letter-spacing:-2.5px;margin:18px 0 22px}.welcome-copy>p{color:#596f60;line-height:1.8;font-size:16px;max-width:370px;margin:0}.road-art{margin:26px -25px 20px;max-width:600px}.road-art svg{width:100%;display:block;overflow:visible}.terrain{fill:#dae5cf}.terrain-light{fill:none;stroke:#dfe8d5;stroke-width:65}.road-border{fill:none;stroke:#f7f9f2;stroke-width:18;stroke-linecap:round}.road{fill:none;stroke:#648649;stroke-width:5;stroke-linecap:round}.endpoint{fill:#142a2a;stroke:#eaf0e2;stroke-width:6}.fuel-pin,.fuel-pointer{fill:#d8ef79;stroke:#839b52;stroke-width:1}.fuel-icon{fill:none;stroke:#385746;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.road-art text{fill:#6f826c;font-size:10px;font-weight:600;letter-spacing:1.5px}.art-caption{display:block;text-align:center;font-size:12px;color:#69806a;margin-top:10px}.welcome-footer{color:#788876;font-size:12px;margin:auto 0 0;padding-top:24px}.signin-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:54px 35px 28px;background:#fafbf8}.signin-card{width:100%;max-width:370px;margin:auto 0}.signin-card h2{font-family:Manrope,system-ui,sans-serif;font-size:32px;font-weight:800;line-height:1.2;letter-spacing:-1.1px;margin:15px 0 16px}.signin-intro{color:#6d7978;font-size:14px;line-height:1.8;margin:0 0 28px}.google-button{width:100%;height:48px;border:1px solid #747775;background:#fff;color:#1f1f1f;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px;cursor:pointer;font-family:'Google Sans',Arial,sans-serif;font-weight:500;font-size:14px;line-height:20px;transition:background .15s}.google-button:hover:not(:disabled){background:#f4f5f3;box-shadow:0 1px 3px #142a2a12}.google-button:disabled{opacity:.55;cursor:default}.google-button img{flex-shrink:0;object-fit:contain}.login-status{font-size:12px;color:#7b8680;text-align:center;line-height:1.6;margin:12px 0 0}.login-message{font-size:13px;line-height:1.7;padding:12px 14px;background:#fbf0df;color:#906327;border-radius:9px;margin-bottom:18px}.login-message[hidden],.local-preview[hidden]{display:none}.local-preview{display:block;font-size:13px;text-align:center;margin-top:13px;color:#385746;text-underline-offset:3px}.signin-benefits{border-top:1px solid #e2e7e1;margin-top:32px;padding-top:25px;display:grid;gap:17px;font-size:13px;color:#5e7363}.signin-benefits>div{display:flex;align-items:center;gap:11px}.benefit-dot{width:7px;height:7px;background:#a6c16f;border-radius:50%;flex-shrink:0}.signin-note{font-size:11px;line-height:1.9;color:#89918d;margin:27px 0 0}.signin-footer{font-size:11px;color:#96a095;padding-top:45px;margin:0}@media(max-width:800px){.login-layout{grid-template-columns:1fr;min-height:100dvh}.welcome-panel{padding:24px 24px 30px}.brand{font-size:26px}.brand-mark{width:36px;height:38px;border-radius:11px}.welcome-copy{margin-top:35px}.welcome-copy h1{font-size:36px;letter-spacing:-1.6px;margin:13px 0 14px}.welcome-copy h1 br{display:none}.welcome-copy>p{font-size:14px;max-width:460px}.road-art,.welcome-footer{display:none}.signin-panel{padding:32px 24px 25px}.signin-card{max-width:460px}.signin-card h2{font-size:27px}.signin-card h2 br{display:none}.signin-benefits{margin-top:25px}.signin-footer{padding-top:30px}.signin-note{margin-top:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}