body {
  text-rendering: optimizeLegibility;
}

.logo-img {
  width: 140px;
  height: auto;
  display: block;
}

header {
  box-shadow: 0 10px 28px rgba(15, 23, 42, .05);
}

.logo-mark {
  background: linear-gradient(135deg, #0f766e, #2563eb) !important;
  border-radius: 12px !important;
}

.hero {
  background:
    radial-gradient(circle at 78% 18%, rgba(37, 99, 235, .14), transparent 28%),
    linear-gradient(135deg, #ecfdf5 0%, #eff6ff 100%) !important;
}

.card {
  border-radius: 16px !important;
  box-shadow: 0 12px 34px rgba(15, 23, 42, .08);
}

.btn {
  border-radius: 10px !important;
  box-shadow: 0 12px 24px rgba(15, 118, 110, .20);
}

footer {
  background: #07111f !important;
}