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

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

@layer base {
  body {
    @apply bg-[#050505] text-[#e5e2e1] antialiased min-h-screen overflow-x-hidden;
  }
}

@layer components {
  .glass-panel {
    @apply bg-white/5 backdrop-blur-xl border border-white/10;
  }
  
  .terminal-text {
    @apply font-mono text-sm tracking-tight;
  }

  .neon-green {
    @apply text-[#00FF41] drop-shadow-[0_0_8px_rgba(0,255,65,0.4)];
  }

  .neon-border {
    @apply border-[#00FF41]/30 hover:border-[#00FF41]/60 transition-colors;
  }

  .bg-aurora {
    background: radial-gradient(circle at 15% 50%, rgba(115, 31, 255, 0.08) 0%, transparent 50%),
                radial-gradient(circle at 85% 30%, rgba(0, 255, 65, 0.05) 0%, transparent 50%);
    background-attachment: fixed;
  }
}

@keyframes scanline {
  0% { transform: translateY(-100%); }
  100% { transform: translateY(100%); }
}

.scanline::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(0, 255, 65, 0.05);
  animation: scanline 8s linear infinite;
  pointer-events: none;
}