html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  background: linear-gradient(180deg, #f5f8fb 0%, #eef2f6 100%);
  color: #1f2937;
}

.navbar-brand {
  letter-spacing: 0.02em;
}

.hero-card {
  background:
    radial-gradient(circle at top left, rgba(13, 110, 253, 0.12), transparent 40%),
    linear-gradient(135deg, #ffffff, #f7fbff);
  border: 1px solid rgba(15, 23, 42, 0.05);
  box-shadow: 0 15px 40px rgba(15, 23, 42, 0.06);
}

.card {
  border-radius: 1rem;
}

.table td,
.table th {
  vertical-align: middle;
}