/* ---------------------------------------
   Base tokens
--------------------------------------- */
/* ---------------------------------------
   Animations
--------------------------------------- */
@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes modal-in {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(1rem);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
/* Animation helpers */
.animate-fade-in {
  animation: fade-in 0.3s ease-out forwards;
}
.animate-modal-in {
  animation: modal-in 0.3s ease-out forwards;
}

/* ---------------------------------------
   Effects
--------------------------------------- */
.tilt {
  transform-style: preserve-3d;
  transition: transform 0.2s ease-out;
}

.mouse-glow {
  position: relative;
  overflow: hidden;
}
.mouse-glow::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: radial-gradient(300px 300px at var(--mx, 50%) var(--my, 50%), rgba(79, 70, 229, 0.15), transparent 80%);
  pointer-events: none;
  transition: opacity 0.2s;
  opacity: 0;
}
.mouse-glow:hover::after {
  opacity: 1;
}

/* ---------------------------------------
   Scrollbar utilities
--------------------------------------- */
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* ---------------------------------------
   AOS-style reveal helpers
--------------------------------------- */
[data-aos] {
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos=fade-up] {
  transform: translateY(40px);
}
[data-aos][data-aos=fade-in] {
  transform: scale(0.9);
}
[data-aos].is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* ---------------------------------------
   Tooltip
--------------------------------------- */
.tooltip-arrow {
  position: relative;
}
.tooltip-arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  transform: translateX(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  background-color: #1e293b;
}

/*# sourceMappingURL=home.css.map */