:root{--ink:#233e31;--muted:#87947d;--line:#dce3d1}*{box-sizing:border-box}body{margin:0;background:#f6f6ef;color:var(--ink);font:13px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a5bd81;outline-offset:4px}.login-layout{min-height:100vh;display:grid;grid-template-columns:45% 55%}.story{background:#1c3b2e;color:#e9f0dc;padding:40px 12%;position:relative;display:flex;flex-direction:column;overflow:hidden}.brand{display:flex;gap:12px;align-items:center}.brand>span{font-size:37px;color:#bed39b}.brand strong{font-size:22px;letter-spacing:-.8px}.brand strong span{font-weight:400}.story-main{margin:auto 0;padding:50px 0 25px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;color:#a2b58e}h1{font-weight:400;font-size:clamp(42px,4.6vw,72px);line-height:1.1;letter-spacing:-2.5px;margin:26px 0}h1 em{font-family:Georgia,serif;color:#c2d4a1;font-weight:400}.story-main>p{font-size:12px;color:#a1b38f;line-height:1.9;max-width:300px}.radar{width:200px;height:200px;position:relative;display:grid;place-items:center;margin:40px 0 0;background:conic-gradient(from 40deg,transparent 65%,#adc68c19);border-radius:50%}.radar i{position:absolute;inset:0;border:1px solid #aac18829;border-radius:50%}.radar i:nth-child(2){inset:28px}.radar i:nth-child(3){inset:57px}.radar>span{font-size:48px;color:#b1c68e}.radar b{position:absolute;width:5px;height:5px;background:#aac77f;border-radius:50%;left:35px;top:46px;box-shadow:0 0 0 5px #aac77f0b}.radar b:last-child{left:auto;right:26px;top:131px}.story-footer{border-top:1px solid #839c6729;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#94a97e}.story-footer span{font-size:10px;letter-spacing:1px}.story-footer p{font-size:10px}.sign-in{padding:38px 10% 24px;display:flex;flex-direction:column;position:relative}.back-link{font-size:10px;color:#8c9b7e}.form-container{max-width:400px;width:100%;margin:auto;padding:48px 0}.demo-label{font-size:10px;letter-spacing:1.5px;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;background:#e9efdf;color:#8a9d72;border:1px solid #dde6cf;border-radius:4px}.demo-label i{width:4px;height:4px;background:#8ca66b;border-radius:50%}h2{font-size:34px;letter-spacing:-1.1px;font-weight:500;line-height:1.25;margin:22px 0 15px}.intro{font-size:12px;color:#8e9a82;line-height:1.8;margin-bottom:27px}label{font-size:10px;display:block;color:#6c8159;margin:21px 0 9px}input{width:100%;border:1px solid #d4dec7;border-radius:4px;padding:14px;background:#fcfdf8;color:var(--ink);outline-color:#91ab70;font-size:12px}input::placeholder{color:#a8b29b}.label-row{display:flex;align-items:center;justify-content:space-between;margin-top:22px;margin-bottom:9px}.label-row label{margin:0}.label-row button{font-size:10px;border:0;background:none;color:#899d71;padding:0}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;background:#365b42;color:#f3f7eb;border:0;border-radius:4px;font-size:11px;font-weight:500;margin-top:25px}.primary span{font-size:19px;font-weight:400}.primary:hover{background:#2c4c36}.demo-credentials{background:#edf1e4;border:1px solid #dfe7d2;border-radius:5px;padding:16px;margin-top:24px}.credentials-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.credentials-heading strong{font-size:10px;font-weight:500;color:#7b9066}.credentials-heading button{font-size:10px;border:0;background:none;color:#66854b;text-decoration:underline;text-underline-offset:3px;padding:0}dl{display:flex;gap:35px;margin:16px 0 0}dt{font-size:10px;color:#9aa98a;margin-bottom:7px}dd{font-size:11px;margin:0;color:#66804f;font-family:ui-monospace,SFMono-Regular,monospace}.demo-note{display:flex;gap:10px;margin-top:20px}.demo-note>span{color:#a3b38f;padding-top:3px;font-size:11px}.demo-note p{font-size:10px;line-height:1.8;color:#a0ac93;margin:0}.demo-note strong{font-weight:500;color:#889b73}.error{font-size:10px;line-height:1.8;color:#aa7757;margin:12px 0 0}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;color:#9caa8f}footer>span{font-size:10px}[hidden]{display:none!important}@media(min-width:1500px){.story-main{max-width:450px}.radar{width:240px;height:240px}.form-container{max-width:430px}h2{font-size:39px}}@media(max-width:1000px){.story{padding:30px 10%}.sign-in{padding:30px 8% 22px}.story-footer{display:block}.story-main{padding-top:60px}h1{font-size:49px}.radar{width:175px;height:175px}.form-container{padding:45px 0}h2{font-size:30px}}@media(max-width:700px){.login-layout{grid-template-columns:1fr}.story{padding:18px 6%}.brand>span{font-size:31px}.brand strong{font-size:19px}.story-main,.story-footer{display:none}.sign-in{padding:23px 7%}.form-container{padding:35px 0 45px;max-width:450px}h2{font-size:34px}.intro{font-size:12px}.credentials-heading{gap:12px}footer{max-width:450px;width:100%;margin:auto}dl{gap:40px}}

:root{--ink:#202720;--muted:#74816b;--line:#dbe2d0}body{background:#f9faf6;font-family:'DM Sans',sans-serif}.story{background:linear-gradient(90deg,#111b16f0,#142218d9),image-set(url('/assets/city-hero-1280.avif') type('image/avif'),url('/assets/city-hero-1280.webp') type('image/webp'),url('/assets/city-hero-1280.jpg') type('image/jpeg')) center/cover;color:#fff}.story .brand>span,.story h1 em{color:#eab252}.story h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(50px,5.3vw,80px);text-transform:uppercase;letter-spacing:-.5px;line-height:1.02}.story h1 em{font-family:inherit;font-style:normal}.story .eyebrow{color:#c8c5ad}.radar{background:conic-gradient(from 40deg,transparent 65%,#eab25220)}.radar i{border-color:#eab25226}.radar>span{color:#eab252}.radar b{background:#eab252;box-shadow:0 0 0 5px #eab2520b}.primary{background:#eab252;color:#22271d;border-radius:0;min-height:52px}.primary:hover{background:#f0c276}.demo-label{background:#faf0dd;color:#9c7e43;border-color:#ead8b4}.demo-label i{background:#c79b46}.demo-credentials{background:#f7f3e8;border-color:#e5dbc4;border-radius:0}.credentials-heading button{color:#96742e}.demo-credentials dd{color:#816d40}.form-container h2{font-family:'Barlow Condensed',sans-serif;font-size:46px;line-height:1.04;font-weight:600;letter-spacing:-.4px}input{border-radius:0;background:#fff}input:focus{outline-color:#be9949}footer{font-size:10px}@media(max-width:700px){.form-container h2{font-size:43px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.brand-symbol{width:35px;height:40px;fill:none;stroke:#eab252;stroke-width:1.7;flex-shrink:0}@media(max-width:700px){.brand-symbol{width:28px;height:33px}}

.role-picker{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:21px 0 22px}.role-picker legend{font-size:10px;color:#7c8b6a;margin-bottom:10px;padding:0}.role-picker label{display:flex;gap:9px;align-items:flex-start;margin:0;border:1px solid #dce3d1;padding:13px 11px;background:#fff;cursor:pointer}.role-picker label:has(input:checked){background:#fbf3e2;border-color:#d7b674}.role-picker input{width:13px;min-width:13px;height:13px;padding:0;margin:2px 0;accent-color:#b38a39}.role-picker strong{font-size:11px;font-weight:500;display:block;color:#5a6a49}.role-picker small{display:block;font-size:10px;line-height:1.7;color:#9aa78b;margin-top:5px}.form-container{padding:35px 0}.form-container h2{font-size:41px}.intro{margin-bottom:18px}