body {
  font-family: Arial, sans-serif;
  margin:0; padding:0;
  background:#0b0e14; color:#e6edf3;
}
header {
  background:#0f1420; padding:15px; border-bottom:1px solid #1e2638;
}
nav { display:flex; gap:20px; justify-content:center; }
nav a { color:#a8b3cf; text-decoration:none; font-weight:bold; }a
nav a.active, nav a:hover { color:#4f8cff; }

.container { max-width:1050px; margin:80px auto; padding:0 20px; }
h1,h2 { color:#fff; }
.hero { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; }
.hero-img { max-width:300px; border-radius:20px; box-shadow:0 10px 20px rgba(0,0,0,.4); }
.cta-row { display:flex; gap:15px; margin:20px 0; }
.btn { padding:12px 20px; border-radius:10px; font-weight:bold; text-decoration:none; }
.btn.primary { background:#4f8cff; color:#fff; }
.btn.secondary { background:#22c55e; color:#fff; }
.btn:hover { opacity:0.9; }

.contact-form { display:grid; gap:15px; margin-top:20px; }
.contact-form input, .contact-form textarea {
  padding:12px; border-radius:8px; border:1px solid #1e2638;
  background:#0f1420; color:#e6edf3; font-size:15px;
}
.contact-form button { border:none; cursor:pointer; }
footer { text-align:center; padding:20px; border-top:1px solid #1e2638; color:#a8b3cf; }

@media (max-width:768px){
  .hero { grid-template-columns:1fr; text-align:center; }
  .hero-img { margin:0 auto; }
}