/* === Tekeralab gradient theme — applied to all static pages === */
body { position: relative; }
body::before {
  content: "";
  position: fixed; inset: 0;
  background:
    radial-gradient(ellipse at 15% 20%, rgba(17,192,222,0.10), transparent 50%),
    radial-gradient(ellipse at 85% 80%, rgba(167,139,250,0.10), transparent 50%),
    radial-gradient(ellipse at 50% 50%, rgba(236,72,153,0.04), transparent 60%);
  pointer-events: none;
  z-index: 0;
}
form > button,
button[type="submit"],
button.primary,
.btn-primary,
a.btn-primary {
  background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  transition: opacity 0.2s, transform 0.1s;
}
form > button:hover,
button[type="submit"]:hover,
button.primary:hover,
.btn-primary:hover,
a.btn-primary:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}
h1.gradient-text,
.headline-gradient,
.hero h1,
.card h1 {
  background: linear-gradient(135deg, #ffffff 0%, #bae6fd 50%, #c4b5fd 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.brand-text .accent {
  background: linear-gradient(90deg, #11c0de, #a78bfa);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}