/* Custom styling for SoloStack Platform */

body {
  font-family: 'Inter', sans-serif;
  background-color: #0a0a0c;
}

.mono-font {
  font-family: 'JetBrains Mono', monospace;
}

/* Radial ambient glow behind hero visual */
.glow-bg {
  background: radial-gradient(circle, rgba(244, 3, 12, 0.15) 0%, rgba(244, 3, 12, 0) 70%);
}

/* Ambient Light Trails Keyframes */
@keyframes orbit-1 {
  0% { transform: rotate(0deg) scale(1); }
  50% { transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg) scale(1); }
}

@keyframes orbit-2 {
  0% { transform: rotate(360deg) scale(1.2); }
  50% { transform: rotate(180deg) scale(0.9); }
  100% { transform: rotate(0deg) scale(1.2); }
}

.trail-1 {
  animation: orbit-1 25s infinite linear;
}

.trail-2 {
  animation: orbit-2 30s infinite linear;
}

/* Card Glow Hover effects */
.project-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.project-card:hover {
  border-color: rgba(244, 3, 12, 0.4);
  box-shadow: 0 0 25px rgba(244, 3, 12, 0.15);
  transform: translateY(-4px);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #0a0a0c;
}

::-webkit-scrollbar-thumb {
  background: #2a2e39;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #f4030c;
}