@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap');
:root{--green:#075b43;--green2:#17815a;--mint:#eaf5ee;--ink:#17372c;--muted:#6b7e74;--line:#dce8df;--bg:#f8fbf8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 Prompt,system-ui,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.header{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);padding:12px max(calc((100% - 1120px)/2),16px);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:10px;align-items:center}.logo{width:42px;height:42px;border-radius:13px;background:var(--green);color:white;display:grid;place-items:center;font-size:28px}.brand b{display:block;font-size:18px;line-height:1.2}.brand small{display:block;color:var(--muted);font-size:10px}.header nav{display:flex;gap:18px;font-size:13px}.header nav a:hover{color:var(--green2)}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:38px 0}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--green2)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.2;margin:12px 0}.hero h1 em{font-style:normal;color:var(--green2)}.hero-copy>p{color:var(--muted)}.search{display:flex;gap:8px;padding:6px;border:1px solid var(--line);background:#fff;border-radius:14px}.search input{min-width:0;flex:1;border:0;outline:0;padding:10px;font:inherit}.search button,.btn{border:0;border-radius:10px;background:var(--green);color:white;padding:11px 18px;font:inherit;font-weight:600;display:inline-flex;justify-content:center;cursor:pointer}.hint{font-size:12px;color:var(--muted);margin-top:12px}.hero-scene{height:340px;border-radius:25px;overflow:hidden;position:relative;background:linear-gradient(#b8d8df 0%,#f4e6c3 62%,#7fa989 63%,#315f45 100%)}.sun{position:absolute;right:20%;top:40px;width:64px;height:64px;border-radius:50%;background:#ffdc91}.peak{position:absolute;bottom:55px;width:0;height:0;border-left:190px solid transparent;border-right:190px solid transparent;border-bottom:245px solid #507d69}.p1{left:-85px;border-bottom-color:#779d87}.p2{left:90px;border-left-width:170px;border-right-width:170px;border-bottom-width:220px;border-bottom-color:#456e5a}.p3{right:-115px;border-bottom-color:#2f5c46}.scene-caption{position:absolute;bottom:18px;left:22px;color:white;font-weight:600;letter-spacing:1px;text-shadow:0 2px 8px #183c2a}.section{padding:24px 0}.section-title{margin-bottom:16px}.section-title h2{font-size:26px;margin:4px 0}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cat{background:white;border:1px solid var(--line);border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:7px;position:relative;min-height:112px}.cat span{font-size:27px;color:var(--green)}.cat b{font-size:14px}.cat i{position:absolute;right:12px;bottom:9px;color:#9ab4a4;font-style:normal}.cat:hover,.place:hover{border-color:#8ab99d;transform:translateY(-2px)}.empty{background:white;border:1px dashed #c7dbce;border-radius:20px;text-align:center;padding:36px 18px}.empty p{color:var(--muted)}.empty-symbol{font-size:32px;color:var(--green)}.places{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.place{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:white;transition:.2s}.place img,.placeholder{display:grid;width:100%;height:180px;object-fit:cover;place-items:center;background:linear-gradient(135deg,#d8eee0,#9bc4a5,#39765a);color:white;letter-spacing:3px}.place-body{padding:14px}.place-body small{color:var(--green2);font-size:12px}.place h3{margin:5px 0;font-size:18px}.place p{font-size:13px;color:var(--muted);margin:5px 0}.safety{display:flex;gap:16px;align-items:center;margin:30px 0;padding:24px;border-radius:18px;background:#e8f3ec;border:1px solid #d0e5d7}.safety-icon{flex:none;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:24px}.safety h2{margin-bottom:5px;font-size:19px}.safety p{margin:0;color:#4d6d5c;font-size:13px}footer{margin-top:48px;background:#073d2e;color:#e9f4ed;padding:28px 0}footer p{margin:3px 0;color:#c0d8c9}footer small{font-size:11px;color:#a9c8b6}.breadcrumbs{padding:20px 0;color:var(--muted);font-size:12px}.detail{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:35px}.detail-img{width:100%;max-height:400px;object-fit:cover}.detail-body{padding:clamp(20px,5vw,40px)}.detail-body h1{font-size:clamp(28px,4vw,42px)}.detail-body h2{font-size:18px;margin-top:24px}.lead{font-size:17px;color:var(--muted)}.verified{font-size:12px;color:var(--green2);margin-top:24px}.login{max-width:460px;margin:40px auto;background:white;border:1px solid var(--line);border-radius:20px;padding:28px}.login h1{margin:6px 0}.login p{color:var(--muted);font-size:13px}.login form{display:grid;gap:14px}.login label{display:grid;gap:5px;font-size:13px}.login input{padding:11px;border:1px solid var(--line);border-radius:9px;font:inherit}.error{color:#a22;background:#fff0ef;padding:10px;border-radius:8px}.dashboard{display:flex;justify-content:space-between;align-items:center;padding:30px 0}.dashboard p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.stats small{display:block;color:var(--muted)}.stats strong{font-size:30px;color:var(--green)}.outline{background:#fff;color:var(--green);border:1px solid var(--line)}
@media(max-width:800px){.header{align-items:flex-start;flex-direction:column;gap:8px}.header nav{width:100%;overflow:auto;white-space:nowrap;gap:16px}.hero{grid-template-columns:1fr;padding-top:24px}.hero-scene{height:240px}.categories{grid-template-columns:repeat(3,1fr)}.places{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.wrap{width:calc(100% - 24px)}.hero h1{font-size:36px}.categories{grid-template-columns:repeat(2,1fr);gap:9px}.cat{min-height:95px;padding:12px}.places{grid-template-columns:1fr}.place img,.placeholder{height:200px}.safety{align-items:flex-start;padding:17px}.dashboard{align-items:flex-start;flex-direction:column}.stats{gap:7px}.stats div{padding:12px}.stats small{font-size:11px}.stats strong{font-size:25px}}