*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#edf7f4;color:#173b36;line-height:1.6}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 5%;background:#063b32;color:#fff;box-shadow:0 4px 20px #0002}.logo{color:#fff;text-decoration:none;font-size:21px;font-weight:900}nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}nav a{color:#fff;text-decoration:none;font-weight:700}header button{border:0;border-radius:10px;padding:9px;background:#fff2;color:#fff}.hero{min-height:610px;display:grid;place-items:center;text-align:center;padding:50px 6%;color:#fff;background:linear-gradient(#0007,#0009),url('https://images.unsplash.com/photo-1534773728080-33d31da27ae5?auto=format&fit=crop&w=1800&q=80') center/cover}.hero h1{font-size:clamp(42px,8vw,80px);line-height:1.05;margin:16px 0}.hero p{font-size:20px}.pill{background:#13a77d;padding:7px 13px;border-radius:99px}.btn{display:inline-block;border:0;border-radius:12px;padding:12px 19px;background:#0fa67c;color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.ghost{background:#fff2}.section{max-width:1150px;margin:auto;padding:60px 5%}.section h1{font-size:42px}.section h2{text-align:center;font-size:32px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.card{background:#fff;padding:23px;border-radius:18px;box-shadow:0 8px 30px #174d4112;text-decoration:none;color:inherit}.card h3{color:#08785f}.notice{background:#d8eee8;border-radius:18px}.link{color:#08785f;font-weight:800}.input,.form input,.form textarea{width:100%;padding:13px;margin:7px 0;border:1px solid #c9dcd7;border-radius:11px;background:#fff;font:inherit}.form{max-width:700px}.form textarea{min-height:130px}.toolbar{display:flex;gap:10px;max-width:700px}.weather{margin-top:25px}.weather-card{background:#fff;border-radius:18px;padding:24px}.muted{opacity:.75}.catch{background:#fff;border-radius:12px;padding:16px;margin:12px 0}footer{text-align:center;background:#063b32;color:#fff;padding:30px}.dark{background:#101b19;color:#e9f5f1}.dark .card,.dark .weather-card,.dark .input,.dark .form input,.dark .form textarea,.dark .catch{background:#192a26;color:#e9f5f1}.dark .notice{background:#173b34}@media(max-width:800px){header{flex-wrap:wrap}.logo{width:100%}nav{order:3;width:100%}.hero{min-height:500px}.toolbar{flex-direction:column}}