:root{--background: #ffffff;--text: #333333;--primary: #4a4a4a;--secondary: #9b9b9b;--accent: #e0e0e0}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Inter,sans-serif;color:var(--text);background-color:var(--background);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:1rem}button{font-family:Inter,sans-serif;cursor:pointer;background-color:var(--primary);color:var(--background);border:none;padding:10px 20px;font-size:1rem;transition:background-color .3s ease}button:hover{background-color:var(--secondary)}input,select{font-family:Inter,sans-serif;padding:10px;border:1px solid var(--accent);font-size:1rem}.grid{display:grid;gap:20px}@media (min-width: 768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}.header{padding:1rem 0;border-bottom:1px solid var(--accent)}.headerContent{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:600;height:37px;text-decoration:none;color:var(--primary)}.logo img{height:100%}.favorite-count{position:absolute;top:12px;background:red;color:#fff;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;animation:shake-up-down .5s}@keyframes shake-up-down{0%{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(5px)}75%{transform:translateY(-5px)}to{transform:translateY(0)}}.navList{display:flex;list-style-type:none;gap:2rem;align-items:center}.navList a{color:var(--text);text-decoration:none;transition:color .3s ease}.navList a:hover{color:var(--secondary)}.navList button{background-color:var(--primary);color:var(--background);border:none;padding:.5rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.navList button:hover{background-color:var(--secondary)}.home{display:flex;flex-direction:column;gap:4rem}.hero{text-align:center;margin-top:4rem}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.2rem;margin-bottom:2rem;color:var(--secondary)}.searchBar{display:flex;justify-content:center;gap:1rem}.searchBar input{width:300px}.featuredRecipes h2{margin-bottom:2rem}.carousel{position:relative;height:400px;overflow:hidden}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out}.slide.active{opacity:1}.slide.hidden{visibility:hidden}.slide img{width:100%;height:100%;object-fit:cover}.slideContent{position:absolute;bottom:0;left:0;right:0;background-color:#ffffffe6;padding:1rem}.slideActions{display:flex;gap:1rem;margin-top:1rem}.callToAction{text-align:center;padding:4rem 0;background-color:var(--accent)}.callToAction h2{margin-bottom:1rem}.callToAction p{margin-bottom:2rem;color:var(--secondary)}