@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{--ink:#15382f;--green:#245b46;--lime:#d7edaa;--paper:#f6f7f0;--muted:#63756a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a.button{cursor:pointer}.button{display:inline-block;border:0;background:var(--green);color:white;border-radius:9px;padding:14px 22px;font-weight:700}.button:disabled{opacity:.5;cursor:wait}.secondary{background:white;border:1px solid #c9d4c9;border-radius:8px;padding:9px 13px;color:var(--ink);cursor:pointer}header{max-width:1240px;margin:auto;padding:27px 36px;display:flex;justify-content:space-between;align-items:center}.brand{font:800 23px Manrope,sans-serif;display:flex;align-items:center;gap:9px}.brand small{font:700 9px 'DM Sans';letter-spacing:2px;align-self:flex-end;margin-bottom:4px}.brand-icon{background:var(--green);color:var(--lime);padding:3px 10px;border-radius:7px}nav{display:flex;gap:28px;align-items:center}main{max-width:1168px;margin:auto;padding:0 20px}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center;padding:64px 0 54px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--green)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(34px,4.5vw,58px);line-height:1.13;letter-spacing:-2px;margin:19px 0}h1 span{color:#769871}.hero p{max-width:500px;line-height:1.8;color:var(--muted);margin-bottom:28px}.text-link{display:inline-block;margin:18px;font-weight:600;font-size:13px}.road-art{height:320px;border-radius:28px;background:#e3eacc;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d5ddc2}.road-art:before,.road-art:after{content:'';position:absolute;width:170px;height:170px;background:#b3c79e;border-radius:50%;left:-60px;top:-50px}.road-art:after{left:auto;top:auto;right:-80px;bottom:-40px;width:260px;height:260px;background:#c4d2aa}.road{position:absolute;left:40%;top:-30%;height:150%;width:110px;background:#718172;transform:rotate(33deg);border-left:8px solid #d6dfbd;border-right:8px solid #d6dfbd;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.road i{height:47px;width:5px;background:#ecedd7}.pin{position:absolute;left:48%;top:33%;background:var(--green);color:var(--lime);border:8px solid white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);font-size:38px;box-shadow:0 8px 18px #23483244}.art-card{position:absolute;bottom:25px;left:25px;background:white;padding:17px 22px;border-radius:12px;font-weight:700;box-shadow:0 8px 25px #23483215}.art-card small{display:block;font-weight:400;color:var(--muted);margin-top:6px;font-size:11px}.notice{border-radius:8px;background:#e6eddb;padding:13px 18px;font-size:13px;line-height:1.5}.stats{display:flex;gap:65px;align-items:center;padding:27px 0 36px;margin:15px 0 44px;border-bottom:1px solid #d5ded2}.stats strong{display:block;font:800 31px Manrope}.stats span,.stats p{font-size:12px;color:var(--muted)}.stats p{margin-left:auto;line-height:1.7}.section-head{display:flex;justify-content:space-between;align-items:center}h2{font-size:30px;letter-spacing:-1px}.filters{display:flex;gap:12px;margin:15px 0 20px}.filters input{flex:1}.filters select{width:auto}input,select,textarea{width:100%;border:1px solid #ced8ce;border-radius:8px;background:white;color:var(--ink);padding:12px}input:focus,select:focus,textarea:focus{outline:2px solid #8fb679;outline-offset:2px}#public-map{height:360px;border-radius:14px;border:1px solid #d6dfd1;z-index:0}#pick-map{height:230px;border-radius:10px;z-index:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.card{background:white;border:1px solid #e0e6da;border-radius:12px;overflow:hidden}.card img{width:100%;height:170px;object-fit:cover}.card .content{padding:18px}.card h3{font-size:16px;margin:12px 0 7px}.card p{font-size:13px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.badge{font-size:10px;font-weight:700;background:#e8efdf;padding:5px 8px;border-radius:5px}.badge.resolved{background:#d8eecf}.muted{font-size:12px;line-height:1.7;color:var(--muted)}.report-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;margin-top:80px;padding-top:45px;border-top:1px solid #d5ded2}aside h2{font-size:49px;line-height:1.12}aside p{line-height:1.8;color:var(--muted)}ol{padding-left:22px;line-height:2.5}.tip{padding:20px;background:#e5edda;border-radius:12px;margin-top:30px;font-weight:700}.tip p{font-weight:400;font-size:13px}form{background:white;border:1px solid #dde5d8;border-radius:16px;padding:30px}label{display:block;font-size:12px;font-weight:700;margin:16px 0 8px}label input,label select,label textarea{display:block;margin-top:8px}.form-heading{display:flex;align-items:center;justify-content:space-between}.form-heading h3{margin:0}.form-heading span{font-size:10px;color:var(--muted)}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.location-head{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.upload{padding:20px;border:1px dashed #92ae85;border-radius:9px;background:#f6f9f1}.upload span{display:block;font-weight:400;color:var(--muted);margin-top:8px}.check{display:flex;gap:10px;font-weight:400;line-height:1.6}.check input{width:17px;flex-shrink:0;margin:3px 0;align-self:flex-start}.previews{display:flex;gap:8px}.previews img{width:85px;height:70px;object-fit:cover;border-radius:6px}#result{padding:12px 0;line-height:1.6}#submit{width:100%}.closing{text-align:center;margin:70px 0;padding:30px;background:#e6edda;border-radius:16px}.closing p{color:var(--muted)}footer{display:flex;justify-content:space-between;padding:25px 36px;border-top:1px solid #d5ded2;font-size:12px}.empty{padding:25px;color:var(--muted);grid-column:1/-1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:800px){header{padding:20px}nav>a:first-child{display:none}.brand small{display:none}.hero{grid-template-columns:1fr;padding-top:35px;gap:25px}.road-art{height:230px}.stats{gap:25px}.stats p{display:none}.report-section{grid-template-columns:1fr;gap:25px;margin-top:40px}.cards{grid-template-columns:1fr 1fr}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{flex:1;width:45%}form{padding:20px}aside h2{font-size:35px}footer{gap:20px}.section-head h2{font-size:24px}}@media(max-width:480px){.cards{grid-template-columns:1fr}.stats{gap:17px}.stats strong{font-size:25px}.brand{font-size:19px}nav .button{padding:10px;font-size:11px}.two{grid-template-columns:1fr}.text-link{margin-left:0}.form-heading span{display:none}}