/* Hero component styles (restored for production static path) */
.hero {
  background: linear-gradient(135deg, #13365A 0%, #1e4b75 50%, #2d5f8f 100%);
  color: #fff;
  padding: 5rem 0;
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.10) 0%, transparent 50%);
}
.hero .container {
  position: relative;
  z-index: 1;
}
.hero h1,
.hero h2,
.hero .display-4,
.hero .display-5 {
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.hero p,
.hero .lead {
  color: rgba(255, 255, 255, 0.92);
}
.hero .btn {
  border-radius: 10px;
  font-weight: 600;
}
.hero .btn-light {
  background: #fff;
  color: #13365A;
}
.hero .btn-outline-light {
  border-color: rgba(255,255,255,0.7);
  color: #fff;
}
@media (max-width: 768px) {
  .hero {
    padding: 3.5rem 0;
  }
}