:root { --navy: #001f3f; }
body { font-family: 'Segoe UI', sans-serif; padding-top: 70px; }
.bg-navy { background-color: var(--navy) !important; }
.text-navy { color: var(--navy) !important; }
.btn-navy { background-color: var(--navy); color: white; }
.btn-navy:hover { background-color: #003366; color: white; }
.hero {
  height: 90vh;
  background: linear-gradient(rgba(0,31,63,0.7), rgba(0,31,63,0.7)), 
              url('https://images.unsplash.com/photo-1544551763-92ab472cad5d?q=80&w=2070') center/cover no-repeat;
}
.profile-img { max-width: 300px; border: 5px solid var(--navy); }
.card:hover { transform: translateY(-5px); transition: 0.3s ease; }


 var(--navy);
}

section { padding-top: 80px; padding-bottom: 80px; }

.card:hover {
  transform: translateY(-5px);
  transition: 0.3s ease;
}


footer a { transition: 0.3s; }
footer a:hover { color: var(--gold) !important; transform: scale(1.1); }