/* You can customize theme styles here */
/* themes/yourtheme/static/css/custom.css */
.hero {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  /* or just solid */
  /* background: #ffffff; */
  position: relative;
  overflow: hidden;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 70%, rgba(25,113,204,0.08) 0%, transparent 50%);
  pointer-events: none;
  opacity: 0.6;
}