:root {
  --itbs-ink: #0d223f;
  --itbs-ink-soft: #30445f;
  --itbs-surface: #f4f7fb;
  --itbs-white: #ffffff;
  --itbs-brand: #ef3139;
  --itbs-brand-dark: #cb1f2b;
  --itbs-accent: #1f5eff;
  --itbs-shadow: 0 12px 30px rgba(13, 34, 63, 0.12);
}

body {
  background: linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%);
  color: var(--itbs-ink-soft);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--itbs-ink);
  letter-spacing: -0.01em;
}

.header.default,
.header-transparent {
  backdrop-filter: saturate(120%) blur(7px);
  box-shadow: 0 6px 24px rgba(2, 45, 98, 0.08);
  transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.header-transparent {
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid rgba(13, 34, 63, 0.08);
}

.header-transparent .navbar .navbar-nav .nav-link,
.header-transparent .navbar .navbar-nav .dropdown-item,
.header-transparent .navbar .navbar-nav .nav-item > a {
  color: var(--itbs-ink) !important;
}

.header-transparent .navbar .navbar-nav .nav-item.active > a,
.header-transparent .navbar .navbar-nav .nav-link:hover,
.header-transparent .navbar .navbar-nav .dropdown-item:hover {
  color: var(--itbs-brand) !important;
}

.header-transparent.sticky-top {
  background: rgba(13, 34, 63, 0.95) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.header-transparent.sticky-top .navbar .navbar-nav .nav-link,
.header-transparent.sticky-top .navbar .navbar-nav .dropdown-item,
.header-transparent.sticky-top .navbar .navbar-nav .nav-item > a {
  color: #f5f8ff !important;
}

.header-transparent.sticky-top .navbar .navbar-nav .nav-item.active > a,
.header-transparent.sticky-top .navbar .navbar-nav .nav-link:hover,
.header-transparent.sticky-top .navbar .navbar-nav .dropdown-item:hover {
  color: #ff7e84 !important;
}

.header {
  position: relative;
  z-index: 1200;
}

.header .navbar-collapse {
  z-index: 1250;
}

.header .dropdown-menu {
  z-index: 1300;
}

.navbar .navbar-nav .nav-link {
  font-weight: 600;
}

.section-title p {
  color: #485d78;
}

.card {
  border-radius: 14px;
  border: 1px solid rgba(31, 94, 255, 0.08);
  box-shadow: 0 8px 20px rgba(13, 34, 63, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: var(--itbs-shadow);
}

.bg-light {
  background-color: var(--itbs-surface) !important;
}

.btn-primary,
.btn.btn-primary {
  background: linear-gradient(90deg, var(--itbs-brand) 0%, var(--itbs-brand-dark) 100%);
  border-color: var(--itbs-brand-dark);
}

.btn-primary:hover,
.btn.btn-primary:hover {
  filter: brightness(1.05);
}

.itbs-value-strip {
  background: radial-gradient(circle at 10% 20%, #1f2f4f 0%, #14243f 55%, #0d1b33 100%);
  color: var(--itbs-white);
}

.itbs-value-strip h2,
.itbs-value-strip h3,
.itbs-value-strip p {
  color: var(--itbs-white);
}

.itbs-value-card {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 14px;
  padding: 24px;
  height: 100%;
}

.itbs-value-card .kpi {
  display: block;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 800;
  color: #7ad3ff;
  margin-bottom: 8px;
}

.service-details {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(13, 34, 63, 0.08);
  box-shadow: 0 10px 30px rgba(13, 34, 63, 0.07);
  border-radius: 16px;
  padding: 28px;
}

@media (max-width: 991px) {
  .service-details {
    padding: 20px;
  }
}