/* VibeFoundry custom add-ons on top of Tailwind (play CDN) */
:root {
  --ring: 0 0% 100%;
}
html {
  scroll-behavior: smooth;
}
/* Simple reveal-on-scroll */
.reveal { opacity: 0; transform: translateY(12px); transition: opacity .6s ease, transform .6s ease; }
.reveal.show { opacity: 1; transform: translateY(0); }

/* Fancy blob background */
.blob {
  position: absolute;
  width: 36rem;
  height: 36rem;
  filter: blur(64px);
  opacity: 0.25;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(circle at 30% 30%, #7C3AED, transparent 60%),
              radial-gradient(circle at 70% 60%, #EC4899, transparent 60%),
              radial-gradient(circle at 40% 80%, #22D3EE, transparent 60%);
  animation: float 16s ease-in-out infinite alternate;
}
@keyframes float { 
  from { transform: translate(-10%, -6%) rotate(-6deg) scale(1); } 
  to   { transform: translate(6%, 8%) rotate(6deg) scale(1.05); } 
}

/* Glass card */
.glass {
  background: linear-gradient(180deg, rgba(255,255,255,0.6), rgba(255,255,255,0.2));
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.4);
}
.dark .glass{
  background: linear-gradient(180deg, rgba(17,24,39,0.7), rgba(17,24,39,0.3));
  border-color: rgba(255,255,255,0.1);
}

/* Button hover lift */
.lift { transition: transform .2s ease, box-shadow .2s ease; }
.lift:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.12); }