
*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Arial,sans-serif;line-height:1.7;color:#333;background:#fafaf7}
header{background:linear-gradient(rgba(37,64,43,.78),rgba(37,64,43,.78)),url("/assets/backgrounds/01-wellness.jpg");background-size:cover;background-position:center;color:#fff;text-align:center;padding:70px 20px}
header h1{font-size:3rem;letter-spacing:2px}header p{color:#D9F5BF;font-size:1.15rem;margin-top:8px}
nav{background:#27422F;text-align:center;padding:18px}nav a{color:#fff;text-decoration:none;margin:0 18px;font-weight:700}nav a:hover{color:#D9F5BF}
main{max-width:1050px;margin:auto;padding:60px 25px 80px}.intro{text-align:center;margin-bottom:38px}.intro h2{color:#27422F;font-size:2.3rem}
.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.category{display:block;background:#fff;border-radius:12px;padding:38px;text-align:center;text-decoration:none;color:#333;box-shadow:0 8px 22px rgba(0,0,0,.1);transition:.25s}
.category:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.14)}.icon{font-size:3.4rem}.category h3{color:#27422F;font-size:1.6rem;margin:12px 0 5px}.count{color:#61705f}
footer{background:#1D2F21;color:#fff;text-align:center;padding:25px}@media(max-width:700px){header h1{font-size:2.25rem}nav a{display:block;margin:10px}.categories{grid-template-columns:1fr}}
