@keyframes fadeIn {
to {
    opacity: 1;
}
}
@keyframes letterReveal {
from {
    opacity: 0;
    transform: translateY(24px);
    filter: blur(6px);
}
to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}
}
@keyframes fadeSlideUp {
from {
    opacity: 0;
    transform: translateY(16px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.font-display[data-v-343a6106] {
  font-family: 'Cinzel', serif;
}

/* Grid background */
.grid-bg[data-v-343a6106] {
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(52, 211, 153, 0.025) 0px,
      rgba(52, 211, 153, 0.025) 1px,
      transparent 1px,
      transparent 72px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(52, 211, 153, 0.025) 0px,
      rgba(52, 211, 153, 0.025) 1px,
      transparent 1px,
      transparent 72px
    );
}

/* Feature cards */
.feature-card[data-v-343a6106] {
  padding: 24px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  background: rgba(255, 255, 255, 0.015);
  transition: all 0.3s ease;
}
.feature-card[data-v-343a6106]:hover {
  border-color: rgba(52, 211, 153, 0.12);
  background: rgba(52, 211, 153, 0.03);
  box-shadow: 0 0 40px -10px rgba(52, 211, 153, 0.08);
}

/* FAQ items */
.faq-item[data-v-343a6106] {
  background: rgba(255, 255, 255, 0.015);
  transition: all 0.2s ease;
}
.faq-item[data-v-343a6106]:hover {
  border-color: rgba(52, 211, 153, 0.1);
}

/* CTA buttons */
.cta-primary[data-v-343a6106] {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 12px 32px;
  background: linear-gradient(180deg, #4ade80 0%, #22c55e 50%, #16a34a 100%);
  color: #07090d;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.2s ease;
  box-shadow: 0 0 20px -4px rgba(52, 211, 153, 0.3);
}
.cta-primary[data-v-343a6106]:hover {
  box-shadow: 0 0 30px -4px rgba(52, 211, 153, 0.5);
  transform: translateY(-1px);
}
.cta-primary[data-v-343a6106]:active {
  transform: translateY(0) scale(0.98);
}
.cta-shimmer[data-v-343a6106] {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    105deg,
    transparent 30%,
    rgba(255, 255, 255, 0.25) 50%,
    transparent 70%
  );
  transform: translateX(-100%);
  transition: transform 0.6s ease;
}
.cta-primary:hover .cta-shimmer[data-v-343a6106] {
  transform: translateX(100%);
}
.cta-secondary[data-v-343a6106] {
  display: inline-flex;
  align-items: center;
  padding: 12px 32px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.2s ease;
}
.cta-secondary[data-v-343a6106]:hover {
  color: #34d399;
  border-color: rgba(52, 211, 153, 0.25);
}

/* Mouse path animation */
.mouse-path[data-v-343a6106] {
  stroke-dasharray: var(--path-length);
  stroke-dashoffset: var(--path-length);
  animation: drawPath-343a6106 3.5s ease forwards;
}
@keyframes scanline-343a6106 {
0% {
    transform: translateY(-240px);
}
100% {
    transform: translateY(100vh);
}
}
@keyframes drawPath-343a6106 {
to {
    stroke-dashoffset: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.grid-bg[data-v-343a6106]::after,
  .mouse-path[data-v-343a6106] {
    animation: none !important;
}
.mouse-path[data-v-343a6106] {
    stroke-dashoffset: 0;
}
}