* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

header.hero {
    height: 100vh;
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('hotel-bg.jpg'); /* You'll need an image here */
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    color: white;
}

nav { padding: 20px 5%; display: flex; justify-content: space-between; }
.logo { font-size: 1.5rem; font-weight: bold; }
.logo span { color: #25D366; }

.hero-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 10%;
}

h1 { font-size: 3rem; margin-bottom: 10px; }
.btn-whatsapp {
    background: #25D366;
    color: white;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 50px;
    font-weight: bold;
    margin: 10px;
    display: inline-block;
}

.contact-section { padding: 50px 10%; text-align: center; background: #f4f4f4; }
form { max-width: 500px; margin: 20px auto; display: flex; flex-direction: column; gap: 15px; }
input, select, button { padding: 12px; border: 1px solid #ddd; border-radius: 5px; }
button { background: #333; color: white; cursor: pointer; border: none; }
button:hover { background: #555; }

/* Responsive adjustments */
@media (max-width: 768px) {
    h1 { font-size: 2rem; }
}