:root {
  --brand-gradient-start: #3a7bd5;
  --brand-gradient-end: #72c6ef;
  --brand-light: #e6f6ff;
  --brand-accent: #60a5fa;
  --bs-body-bg: #f8fbff;
}

body { padding-top: 57px; }

.navbar {
  background: linear-gradient(135deg, var(--brand-gradient-start) 0%, var(--brand-gradient-end) 100%);
}
.navbar-brand, .navbar .nav-link, .navbar .navbar-text {
  color: #fff !important;
}
.navbar.fixed-top { box-shadow: 0 4px 12px rgba(0,0,0,.08); }

.hero {
  background: linear-gradient(135deg, rgba(58,123,213,.95), rgba(114,198,239,.95));
  color: #fff;
  padding: 96px 0 72px;
}
.hero .lead { color: #e6f0ff; }

.card { border: none; box-shadow: 0 6px 18px rgba(30,58,138,.08); }

.section-title { position: relative; display: inline-block; }
.section-title::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -8px;
  height: 3px;
  background: linear-gradient(90deg, var(--brand-accent), var(--brand-gradient-start));
  border-radius: 2px;
}

footer {
  background: #72c6ef;
  color: #fff;
  padding: 28px 0;
  margin-top: 64px;
}
footer a { color: #f0faff; text-decoration: none; }
footer a:hover { text-decoration: underline; }