*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#ffeaa7,#fab1a0);min-height:100vh}header{background:linear-gradient(135deg,#ff6b6b,#ffa502);padding:1rem;box-shadow:0 4px 15px #0000001a;position:sticky;top:0;z-index:100;border-radius:0 0 25px 25px}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-size:1.5rem;font-weight:700;color:#fff}nav ul{display:flex;list-style:none;gap:2rem}nav a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:20px;transition:background-color .3s}nav a:hover{background-color:#fff3}main{max-width:1200px;margin:0 auto;padding:2rem}#hero{text-align:center;padding:4rem 0}#hero h1{font-size:3rem;color:#2d3436;margin-bottom:1rem}#hero p{font-size:1.2rem;color:#636e72;margin-bottom:2rem}button{background:linear-gradient(135deg,#ff6b6b,#ffa502);color:#fff;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:25px;cursor:pointer;transition:transform .3s}button:hover{transform:translateY(-2px)}section{margin:4rem 0}h2{text-align:center;font-size:2.5rem;color:#2d3436;margin-bottom:2rem}.mango-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.mango-card{background:white;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a;text-align:center;transition:transform .3s}.mango-card:hover{transform:translateY(-5px)}.mango-emoji{font-size:3rem;margin-bottom:1rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.benefit-item{background:white;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a}.benefit-item h4{color:#ff6b6b;margin-bottom:1rem;font-size:1.3rem}.recipes-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.recipe-card{background:white;padding:2rem;border-radius:15px;box-shadow:0 4px 15px #0000001a}.recipe-card h3{color:#ff6b6b;margin-bottom:1rem}.recipe-card ul{margin:1rem 0;padding-left:1.5rem}footer{background:#2d3436;color:#fff;text-align:center;padding:2rem;margin-top:4rem}@media (max-width: 768px){nav{flex-direction:column;gap:1rem}nav ul{flex-direction:column;text-align:center;gap:1rem}#hero h1{font-size:2rem}.benefits-grid{grid-template-columns:1fr}}