body{
    background:linear-gradient(white,#ADB5BD,#A5D8FF);
}
.container {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}


.card {
background: rgba(255, 255, 255, 0.08);
border-radius: 20px;
overflow: hidden;
box-shadow: 0 15px 40px rgba(0,0,0,0.4);
transition: transform 0.4s ease, box-shadow 0.4s ease;
}


.card:hover {
transform: translateY(-12px) scale(1.02);
box-shadow: 0 25px 60px rgba(0,0,0,0.6);
}


.card img {
width: 100%;
height: 200px;
object-fit: cover;
}


.card-content {
padding: 20px;
}


.card-content h2 {
font-size: 1.5rem;
margin-bottom: 10px;
}


.info {
font-size: 0.95rem;
line-height: 1.5;
opacity: 0.9;
margin-bottom: 15px;
}


.details {
display: flex;
justify-content: space-between;
font-size: 0.9rem;
margin-bottom: 20px;
opacity: 0.85;
}


.price {
font-size: 1.2rem;
font-weight: bold;
color: #0239ff;
}


.book-btn {
display: block;
width: 100%;
padding: 14px;
border-radius: 30px;
border: none;
background: linear-gradient(135deg, #00ffd5, #00b3ff);
color: #003344;
font-size: 1rem;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
}


.book-btn:hover {
background: linear-gradient(135deg, #00b3ff, #00ffd5);
transform: scale(1.05);
}


footer {
text-align: center;
padding: 25px;
margin-top: 40px;
font-size: 0.9rem;
opacity: 0.7;
}