

.hero-actions .btn-secondary,
.hero-actions .hero-quick-btn:not(.hero-btn-primary-glow) {
  background: none !important;
  background-color: var(--srb-liquid-bg, rgba(255,255,255,.55)) !important;
  background-image: var(--srb-liquid-fill-img, linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.55))) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--srb-liquid-border-color, rgba(255,255,255,.82)) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.4) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  text-shadow: none !important;
  animation: none !important;
  transition: all .25s cubic-bezier(0.34,1.56,0.64,1) !important;
  font-weight: 700 !important;
}
[data-theme="dark"] .hero-actions .btn-secondary,
[data-theme="dark"] .hero-actions .hero-quick-btn:not(.hero-btn-primary-glow) {
  background-color: rgba(28,30,40,.45) !important;
  background-image: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.hero-actions .btn-secondary:hover,
.hero-actions .hero-quick-btn:not(.hero-btn-primary-glow):hover {
  transform: translateY(-2px) !important;
  border-color: rgba(99,102,241,.45) !important;
  box-shadow: 0 8px 24px rgba(99,102,241,.18), inset 0 1px 0 rgba(255,255,255,.45) !important;
}

.hero-actions .hero-btn-primary-glow {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
  background-image: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
  background-size: 200% auto !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 0 0 0 rgba(99,102,241,.45),
    0 8px 24px rgba(99,102,241,.32),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.15) !important;
  font-weight: 800 !important;
  animation: hero-primary-pulse 2.4s cubic-bezier(0.4,0,0.6,1) infinite, hero-primary-flow 4s ease-in-out infinite !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all .25s cubic-bezier(0.34,1.56,0.64,1) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.hero-actions .hero-btn-ai-glow {
  background: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%) !important;
  background-image: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%) !important;
  background-size: 200% auto !important;
  box-shadow:
    0 0 0 0 rgba(236,72,153,.45),
    0 8px 28px rgba(236,72,153,.36),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
  animation: hero-ai-pulse 2.4s cubic-bezier(0.4,0,0.6,1) infinite, hero-ai-flow 4s ease-in-out infinite !important;
}

.hero-actions .hero-btn-primary-glow:hover {
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow:
    0 0 0 8px rgba(99,102,241,.12),
    0 14px 36px rgba(99,102,241,.45),
    inset 0 1px 0 rgba(255,255,255,.35) !important;
  filter: brightness(1.08) !important;
}
.hero-actions .hero-btn-ai-glow:hover {
  box-shadow:
    0 0 0 8px rgba(236,72,153,.12),
    0 14px 36px rgba(236,72,153,.50),
    inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.hero-actions .hero-btn-primary-glow:active {
  transform: scale(.97) !important;
  transition-duration: .08s !important;
}

.hero-actions .hero-btn-primary-glow i,
.hero-actions .hero-btn-primary-glow svg {
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.20));
}

@keyframes hero-primary-pulse {
  0%, 100% {
    box-shadow:
      0 0 0 0 rgba(99,102,241,.45),
      0 8px 24px rgba(99,102,241,.32),
      inset 0 1px 0 rgba(255,255,255,.25);
  }
  50% {
    box-shadow:
      0 0 0 12px rgba(99,102,241,0),
      0 8px 24px rgba(99,102,241,.32),
      inset 0 1px 0 rgba(255,255,255,.25);
  }
}
@keyframes hero-ai-pulse {
  0%, 100% {
    box-shadow:
      0 0 0 0 rgba(236,72,153,.45),
      0 8px 28px rgba(236,72,153,.36),
      inset 0 1px 0 rgba(255,255,255,.25);
  }
  50% {
    box-shadow:
      0 0 0 12px rgba(236,72,153,0),
      0 8px 28px rgba(236,72,153,.36),
      inset 0 1px 0 rgba(255,255,255,.25);
  }
}

@keyframes hero-primary-flow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes hero-ai-flow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

.hero-badge { cursor: default !important; }

[data-theme="dark"] .hero-title .gradient {
  filter: drop-shadow(0 0 30px rgba(139,92,246,.20)) !important;
}

@media (prefers-reduced-motion: reduce) {
  .hero-actions .hero-btn-primary-glow,
  .hero-actions .hero-btn-ai-glow {
    animation: none !important;
  }
}
