[x-cloak] { display: none !important; }

.grid-bg {
  background-image: radial-gradient(circle, rgba(249,115,22,0.15) 1px, transparent 1px);
  background-size: 24px 24px;
}

.glow {
  box-shadow: 0 0 60px -10px rgba(249,115,22,0.3);
}

.text-gradient {
  background: linear-gradient(135deg, #f97316, #ea580c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.pillar-card {
  transition: all 0.3s;
}
.pillar-card:hover {
  border-color: #fdba74;
  box-shadow: 0 20px 40px -15px rgba(249,115,22,0.15);
  transform: translateY(-2px);
}

.floating {
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

.blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.3;
  pointer-events: none;
}

.blob-brand-light { background-color: #fdba74; }
.blob-brand { background-color: #fb923c; }
.blob-brand-dark { background-color: #f97316; }
.blob-brand-darker { background-color: #ea580c; }

html { scroll-behavior: smooth; }