body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; line-height: 1.6; color: #333; }
nav { background: #001f3f; color: white; display: flex; justify-content: space-between; padding: 20px 50px; align-items: center; }
nav a { color: #fff; text-decoration: none; margin-left: 20px; font-weight: bold; }
nav a:hover { color: #0074D9; }
.hero { background: linear-gradient(rgba(0,31,63,0.8), rgba(0,31,63,0.8)), url('shark-bg.jpg'); background-size: cover; color: white; height: 60vh; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.container { max-width: 800px; margin: 50px auto; padding: 20px; }
.service-box { border-left: 5px solid #0074D9; padding: 20px; margin-bottom: 20px; background: #f9f9f9; }
.btn { background: #0074D9; color: white; padding: 15px 30px; text-decoration: none; border-radius: 5px; font-weight: bold; margin-top: 20px; }
h1, h2 { color: #001f3f; }
.hero h1 { color: white; font-size: 3rem; }