/* Custom styles for 8606 Financial Incorporated */

/* Smooth scroll offset for fixed nav */
section[id] {
  scroll-margin-top: 80px;
}

/* Geometric floating animations */
@media (prefers-reduced-motion: no-preference) {
  .geo-circle, .geo-square {
    animation: float 6s ease-in-out infinite;
  }
  .geo-circle:nth-child(2) { animation-delay: -1s; animation-duration: 8s; }
  .geo-circle:nth-child(3) { animation-delay: -3s; animation-duration: 7s; }
  .geo-square { animation-delay: -2s; animation-duration: 9s; }
}

@keyframes float {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(5deg); }
}

/* Mobile menu link hover */
.mobile-link:hover {
  color: rgb(165, 0, 208);
}

/* Focus visible styles */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid rgb(245, 158, 11);
  outline-offset: 2px;
}

/* Selection color */
::selection {
  background: rgb(233, 168, 255);
  color: rgb(84, 0, 96);
}

/* Subtle pattern overlay for hero */
.hero-gradient::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 25% 25%, rgba(255,255,255,0.05) 1px, transparent 1px),
                    radial-gradient(circle at 75% 75%, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 60px 60px, 40px 40px;
  pointer-events: none;
}