body{font-family:Poppins,sans-serif;background:linear-gradient(to right,#f96,#ff5e62);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center}.container{max-width:1200px;width:100%;padding:20px}button{margin:10px;padding:12px 24px;border:none;background:#007bff;color:#fff;font-size:16px;cursor:pointer;border-radius:8px;transition:all .3s ease-in-out}button:hover{background:#0056b3;transform:scale(1.05)}.restaurant-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;justify-content:center;padding:20px}.restaurant-card{background:#fff;border-radius:12px;box-shadow:0 6px 12px #00000026;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.restaurant-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000040}.restaurant-img{width:100%;height:200px;object-fit:cover}.restaurant-info{padding:15px}.restaurant-info h3{color:#333;font-size:20px;margin-bottom:5px}.restaurant-info p{color:#666;font-size:14px;margin:5px 0}.location{font-weight:700;color:#ff5e62}.menu{margin-top:15px}.menu h4{color:#ff5e62;font-size:18px}.menu-item{display:flex;align-items:center;background:#f8f8f8;border-radius:8px;padding:8px;margin-bottom:5px;transition:all .3s ease-in-out}.menu-item:hover{background:#f1f1f1;transform:scale(1.02)}.menu-img{width:50px;height:50px;border-radius:8px;object-fit:cover;margin-right:10px}.menu-details{font-size:14px;color:#333}@media (min-width: 1024px){.restaurant-list{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.restaurant-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.restaurant-list{grid-template-columns:repeat(1,1fr)}}