*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;position:fixed;width:100%;top:0;z-index:1000}nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}nav h1{color:#fff;font-size:1.8rem}nav ul{display:flex;list-style:none}nav ul li{margin-left:2rem}nav ul li a{color:#fff;text-decoration:none;transition:opacity .3s}nav ul li a:hover{opacity:.8}main{margin-top:80px;padding:2rem}section{margin-bottom:4rem}#hero{background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1550258987-190a2d41a8ba?w=1200&h=600&fit=crop);background-size:cover;background-position:center;height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;border-radius:15px}.hero-content h2{font-size:3rem;margin-bottom:1rem}.hero-content p{font-size:1.5rem;margin-bottom:2rem}button{background:#2563eb;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .3s}button:hover{background:#1d4ed8}#varieties h2,#recipes h2,#contact h2{text-align:center;color:#fff;margin-bottom:2rem;font-size:2.5rem}.mango-grid,.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.mango-card,.recipe-card{background:#ffffffe6;border-radius:15px;overflow:hidden;box-shadow:0 8px 32px #0000001a;transition:transform .3s}.mango-card:hover,.recipe-card:hover{transform:translateY(-5px)}.mango-card img,.recipe-card img{width:100%;height:200px;object-fit:cover}.mango-card h3,.recipe-card h3{padding:1rem;color:#333}.mango-card p,.recipe-card p{padding:0 1rem 1rem;color:#666}#contact{max-width:600px;margin:0 auto;text-align:center}#contact p{color:#fff;margin-bottom:2rem}#contact-form{display:flex;flex-direction:column;gap:1rem}#contact-form input,#contact-form textarea{padding:12px;border:none;border-radius:8px;background:#ffffffe6}#contact-form textarea{min-height:100px;resize:vertical}#contact-form button{background:#2563eb;color:#fff;border:none;padding:12px 24px;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .3s}#contact-form button:hover{background:#1d4ed8}footer{background:#0000004d;color:#fff;text-align:center;padding:2rem;margin-top:2rem}@media (max-width: 768px){nav{flex-direction:column;gap:1rem}nav ul{flex-direction:column;text-align:center}nav ul li{margin:.5rem 0}.hero-content h2{font-size:2rem}.hero-content p{font-size:1.2rem}}