:root{
  --ksefik-hero-a: #0d6efd;
  --ksefik-hero-b: #0b5ed7;
}

html { scroll-behavior: smooth; }

.ksefik-hero{
  background:
    radial-gradient(1200px 500px at 20% 10%, rgba(13,110,253,.18), transparent 60%),
    radial-gradient(900px 450px at 80% 20%, rgba(25,135,84,.14), transparent 55%),
    linear-gradient(180deg, #ffffff, #f8fafc);
}

.icon-bubble{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}