:root{--primary: #7a4a2e;--secondary: #a3b18a;--bg: #faf7f2;--text: #2f2f2f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;box-shadow:0 2px 8px #0000000d;position:sticky;top:0;z-index:10}header h1{font-size:1.4rem;color:var(--primary)}nav div{margin-left:1.5rem;text-decoration:none;color:var(--text);font-weight:500;float:left;cursor:pointer}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:80vh}.hero-image{background:url(https://images.unsplash.com/photo-1504674900247-0877df9cc836) center/cover no-repeat}.hero-content{padding:4rem;display:flex;flex-direction:column;justify-content:center}.hero-content h2{font-size:2.8rem;margin-bottom:1rem;color:var(--primary)}.hero-content p{font-size:1.2rem;margin-bottom:2rem}.cta{display:flex;gap:1rem}.cta a{padding:.8rem 1.5rem;border-radius:30px;text-decoration:none;font-weight:600}.cta .primary{border:2px solid var(--primary);color:var(--primary)}.cta .secondary{color:var(--primary)}.categories{padding:3rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;background:#fff}.category{background:var(--bg);padding:1.5rem;border-radius:16px;text-align:center;font-weight:600;cursor:pointer;transition:transform .2s ease}.category:hover{transform:translateY(-4px)}.author{display:flex;gap:1.5rem;padding:3rem 2rem;align-items:center}.author img{width:80px;height:80px;border-radius:50%;object-fit:cover}footer{text-align:center;padding:2rem;font-size:.9rem;color:#777}@media (max-width: 768px){header nav{display:none}.hero{grid-template-columns:1fr}.hero-image{height:40vh}.hero-content{padding:2rem}.hero-content h2{font-size:2rem}.cta{flex-direction:column}.author{flex-direction:column;text-align:center}}.search-bar{padding:1rem 2rem;background:#fff;box-shadow:0 2px 8px #0000000d}.search-bar input{width:100%;padding:.8rem 1rem;border:2px solid var(--secondary);border-radius:8px;font-size:1rem}.search-bar input:focus{outline:none;border-color:var(--primary)}.filters{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:space-around;border:none}.filters .filter-button{padding:.6rem 1rem;border:2px solid var(--secondary);border-radius:8px;background:none;cursor:pointer;font-size:1rem}.filters .filter-button.select{border-color:var(--primary);background-color:var(--secondary);color:var(--bg);font-weight:700}.filters select:focus{outline:none;border-color:var(--primary)}.recipe-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:1rem}.recipe-cards .recipe-card{cursor:pointer;border:1px solid transparent;padding:1rem}.recipe-cards .recipe-card:hover{border:1px solid var(--secondary);border-radius:8px}.pointer{cursor:pointer}button{padding:.25rem .5rem;border:1px solid var(--secondary);border-radius:4px}