*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b1f24;background:#f6f7f9;line-height:1.55}
header{background:#0b3d2e;color:#fff}header .w{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;padding:.9rem 1rem}header a{color:#dff5ea;text-decoration:none;font-size:.95rem}header .logo{font-weight:800;font-size:1.15rem;color:#fff;margin-right:auto}
.w{max-width:1000px;margin:0 auto;padding:0 1rem}main{padding:1.5rem 0 3rem}h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2}
.hero{background:linear-gradient(135deg,#0b3d2e,#1f7a55);color:#fff;padding:3rem 0}.hero p{font-size:1.15rem;max-width:640px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.card{background:#fff;border-radius:12px;padding:1.1rem;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.card h3{margin:.1rem 0 .3rem;font-size:1.05rem}.place{color:#55606b;font-size:.9rem}.src{font-size:.85rem}.badge{display:inline-block;font-size:.75rem;padding:.1rem .5rem;border-radius:99px;background:#e3f4ea;color:#0b3d2e}.badge.u{background:#fff1d6;color:#8a5a00}
.btn{display:inline-block;background:#ffcf33;color:#1b1f24;padding:.7rem 1.1rem;border-radius:8px;font-weight:700;text-decoration:none}.todo{background:#fff1d6;border-left:4px solid #e0a100;padding:.8rem 1rem;border-radius:6px}
form input{padding:.7rem;border:1px solid #ccd;border-radius:8px;width:min(100%,320px)}footer{background:#e9ecef;font-size:.85rem;padding:1.5rem 0}a{color:#1f7a55}
.steps{counter-reset:s}.steps .card{position:relative;padding-left:3.2rem}.steps .card:before{counter-increment:s;content:counter(s);position:absolute;left:1rem;top:1rem;background:#1f7a55;color:#fff;width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;font-weight:700}