body {font-family: Arial, sans-serif;margin: 0;background: #f9f9f9;color: #333;}
header {background: #002b5b;color: #fff;padding: 1rem 0;}
header .container {display: flex;justify-content: space-between;align-items: center;width: 90%;margin: 0 auto;}
nav a {color: #fff;margin-left: 1rem;text-decoration: none;}
nav a.active, nav a:hover {text-decoration: underline;}
.hero {background: linear-gradient(rgba(0,43,91,0.6), rgba(0,43,91,0.6)), url('https://images.unsplash.com/photo-1521791136064-7986c2920216') center/cover;color: #fff;padding: 6rem 1rem;text-align: center;}
.btn {background: #ffb400;color: #000;padding: 0.7rem 1.5rem;border-radius: 4px;text-decoration: none;font-weight: bold;display: inline-block;margin-top: 1rem;}
.container {width: 90%;max-width: 1100px;margin: 0 auto;}
.page-header {text-align: center;padding: 3rem 1rem;background: #e6eef5;}
.services {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 1.5rem;margin: 3rem 0;}
.service-card {background: #fff;padding: 1.5rem;border-radius: 8px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.contact form {background: #fff;padding: 1.5rem;border-radius: 8px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.contact input, .contact textarea {width: 100%;margin-bottom: 1rem;padding: 0.7rem;border: 1px solid #ccc;border-radius: 4px;}
footer {background: #002b5b;color: #fff;text-align: center;padding: 1rem 0;margin-top: 2rem;}
@media (max-width: 600px){header .container{flex-direction: column;}nav a{margin: 0.5rem 0;}}