body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:#1a1a1a;background:#fff}
.container{max-width:1100px;margin:auto;padding:20px}

/* NAV */
.nav{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0a2540}
.nav img{height:150px}
.nav a{color:#fff;margin-left:20px;text-decoration:none;font-weight:500}

/* HERO */
.hero{background:linear-gradient(135deg,#0a2540,#1b3a5a);color:#fff;text-align:center;padding:80px 20px}
.hero h1{font-size:2.5em}
.hero p{margin:15px 0}


.btn {
  display: inline-block;
  background: linear-gradient(135deg, #f4a100, #ffb733);
  color: #fff;
  padding: 12px 22px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  border: none;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s ease;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}



@media (max-width: 600px) {
  .contact-form {
    padding: 20px;
  }
}


/* GRID */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}

.section{padding:60px 20px}
.dark{background:#f7f7f7}

footer{background:#0a2540;color:#fff;text-align:center;padding:20px}



.contact-form {
  max-width: 500px;
  margin: auto;
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.form-group {
  margin-bottom: 25px;
  position: relative;
}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: none;
  font-size: 16px;
}

.form-group label {
  position: absolute;
  top: 12px;
  left: 12px;
  color: #777;
  font-size: 14px;
  transition: 0.3s;
  pointer-events: none;
}

.form-group input:focus + label,
.form-group input:valid + label,
.form-group textarea:focus + label,
.form-group textarea:valid + label {
  top: -8px;
  left: 10px;
  background: #fff;
  padding: 0 5px;
  font-size: 12px;
  color: #0a2540;
}

.form-group input:focus,
.form-group textarea:focus {
  border-color: #f4a100;
  outline: none;
  box-shadow: 0 0 5px rgba(244,161,0,0.3);
}

.contact-form button {
  width: 100%;
  padding: 14px;
  font-size: 16px;
}

.contact-form .btn {
  width: 100%;
}