@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&display=swap');



html { 
  scroll-behavior: smooth; 
}

body { 
  font-family: 'Inter', sans-serif; 
  background-color: #050505;
  color: #D1D5DB; /* text-gray-300 */
}

/* Selection */
::selection {
  background-color: #EAB308;
  color: white;
}

/* Hardcore Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #050505; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 0px; }
::-webkit-scrollbar-thumb:hover { background: #EAB308; }

/* Dot Grid Pattern */
.dot-grid {
  background-image: radial-gradient(rgba(255, 255, 255, 0.7) 2px, transparent 2px);
  background-size: 16px 16px;
}

.sharp-panel {
  background: #0a0a0a;
  border: 1px solid #1a1a1a;
  transition: all 0.3s ease;
}

.sharp-panel:hover {
  border-color: #EAB308;
}

.sharp-panel-accent {
  background: #0a0a0a;
  border: 1px solid #EAB308;
  box-shadow: 0 0 20px rgba(255, 69, 0, 0.1);
}

/* Spark Animations */
@keyframes float-up {
  0% { transform: translateY(0) scale(1); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translateY(-150px) scale(0); opacity: 0; }
}
.spark {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #EAB308;
  box-shadow: 0 0 15px #EAB308, 0 0 30px #EAB308;
  animation: float-up 3s infinite linear;
  border-radius: 50%;
}

/* Testimonial Animation */
@keyframes scrollUp {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

.animate-scroll-up {
  animation: scrollUp linear infinite;
}

/* Mobile nav active state */
.mobile-nav-link.active {
  color: #EAB308;
  background-color: rgba(234, 179, 8, 0.1);
}