* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height:1.6; color:#333; }

.container { max-width:1200px; margin:0 auto; padding:0 20px; }

header {
  background:#0a1f44; color:white; padding:15px 0; position:sticky; top:0; z-index:100;
  box-shadow:0 2px 10px rgba(0,0,0,0.2);
}
header .container { display:flex; justify-content:space-between; align-items:center; }
.logo { height:50px; width:auto; }
nav ul { display:flex; list-style:none; }
nav li { margin-left:30px; }
nav a { color:white; text-decoration:none; font-weight:500; }
nav a:hover { color:#00aaff; }

.hero {
  background:#0a1f44; color:white; text-align:center; padding:120px 20px 80px;
}
.hero h1 { font-size:3rem; margin-bottom:20px; }
.hero p { font-size:1.3rem; margin-bottom:30px; max-width:700px; margin-left:auto; margin-right:auto; }
.btn {
  background:#00aaff; color:white; padding:14px 32px; border:none; border-radius:6px;
  font-size:1.1rem; text-decoration:none; display:inline-block; cursor:pointer;
}
.btn:hover { background:#0088cc; }

.section { padding:80px 0; }
h2 { text-align:center; font-size:2.5rem; margin-bottom:50px; color:#0a1f44; }

.services-grid {
  display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:30px;
}
.card {
  background:#f8f9fa; padding:30px; border-radius:10px; text-align:center;
  box-shadow:0 4px 15px rgba(0,0,0,0.08); transition:transform 0.3s;
}
.card:hover { transform:translateY(-10px); }
.card h3 { margin-bottom:15px; color:#0a1f44; }

.about { background:#f0f4f8; text-align:center; }
.about p { max-width:800px; margin:0 auto; font-size:1.2rem; }

.contact { background:#0a1f44; color:white; text-align:center; }
.contact form { max-width:600px; margin:40px auto; }
input, textarea {
  width:100%; padding:14px; margin:12px 0; border:none; border-radius:6px; font-size:1rem;
}
footer { background:#0a1f44; color:white; text-align:center; padding:30px 0; }

@media (max-width:768px) {
  header .container { flex-direction:column; }
  nav ul { margin-top:15px; }
  nav li { margin:0 15px; }
  .hero { padding:80px 20px 60px; }
  .hero h1 { font-size:2.2rem; }
}