*{box-sizing:border-box}body{color:#2f2a25;background:#f6f3ee;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}main{width:min(1100px,92%);margin:0 auto;padding:50px 0 70px}h1{text-align:center;color:#7a3e2d;margin-bottom:35px;font-size:clamp(2rem,5vw,3rem)}.search-bar{background:#fff;border-radius:14px;max-width:650px;margin:0 auto 40px;padding:8px;display:flex;box-shadow:0 8px 25px #00000014}.search-bar input{background:0 0;border:none;outline:none;flex:1;padding:14px}.search-bar input::placeholder{color:#999}.search-bar button{color:#fff;background:#b85c38;border:none;border-radius:10px;padding:12px 20px;font-weight:700;transition:all .25s}.search-bar button:hover{background:#94462c;transform:translateY(-2px)}.message{text-align:center;color:#666;margin:30px 0}.recipe-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));justify-items:center;gap:25px;display:grid}.recipe-card{background:#fff;border-radius:16px;width:100%;max-width:420px;transition:all .3s;overflow:hidden;box-shadow:0 10px 25px #00000014}.recipe-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #00000026}.recipe-card img{object-fit:cover;width:100%;height:220px}.recipe-info{padding:20px}.recipe-info h2{color:#5b3429;margin-top:0}.recipe-info p{color:#666}.recipe-info button{color:#fff;background:#b85c38;border:none;border-radius:10px;width:100%;margin-top:18px;padding:12px;font-weight:700;transition:all .25s}.recipe-info button:hover{background:#94462c}.recipe-details{background:#fff;border-radius:18px;max-width:850px;margin:50px auto 0;padding:30px;box-shadow:0 10px 35px #0000001f}.recipe-details img{border-radius:14px;width:100%;margin-bottom:20px}.recipe-details h2{color:#7a3e2d}.recipe-details h3{color:#5b3429;margin-top:25px}.recipe-details p{color:#555;line-height:1.8}.recipe-details button{color:#fff;background:#b85c38;border:none;border-radius:10px;margin-top:20px;padding:12px 20px;font-weight:700;transition:all .25s}.recipe-details button:hover{background:#94462c}@media (width<=850px){.recipe-list{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){main{width:90%;padding-top:30px}.search-bar{flex-direction:column;gap:10px}.search-bar button{width:100%}.recipe-list{grid-template-columns:1fr}.recipe-details{padding:20px}}