body { font-family: 'Arial', sans-serif; margin: 0; color: #333; }
.navbar { display: flex; justify-content: space-between; padding: 20px 10%; align-items: center; background: #fff; }
.logo img { height: 50px; }
.nav-links { display: flex; list-style: none; }
.nav-links li { margin: 0 15px; }
.btn-book { background: #008fa1; color: white; padding: 10px 20px; text-decoration: none; border-radius: 25px; }

.hero { 
    height: 80vh; 
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('ocean-bg.jpg'); 
    background-size: cover; 
    display: flex; align-items: center; justify-content: center; 
    text-align: center; color: white; 
}
.btn-main { background: #00d2ff; color: white; padding: 15px 30px; display: inline-block; margin-top: 20px; text-decoration: none; border-radius: 5px; }

.services { display: flex; padding: 50px 10%; gap: 20px; }
.card { border: 1px solid #ddd; padding: 30px; flex: 1; text-align: center; border-radius: 10px; }

footer { background: #003366; color: white; text-align: center; padding: 40px; }