src/index.css

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Playfair+Display:ital,wght@1,400;1,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;
  --font-serif: "Playfair Display", serif;
  
  --color-aura-50: #f0fff4;
  --color-aura-100: #dcffe4;
  --color-aura-500: #00FF9C;
  --color-aura-900: #004d2f;
  
  --color-bg-primary: #050505;
  --color-bg-secondary: #0a0a0a;
  --color-bg-tertiary: #080808;
  
  --color-danger-500: #ef4444;
  --color-success-500: #00FF9C;
}

@layer base {
  body {
    @apply bg-bg-primary text-[#e0e0e0] font-sans antialiased;
  }
}

.terminal-card {
  @apply bg-bg-secondary border border-white/10 backdrop-blur-xl rounded-none overflow-hidden;
}

.glow-aura {
  box-shadow: 0 0 15px -2px rgba(0, 255, 156, 0.4);
}

.scanning-line {
  background: linear-gradient(to bottom, transparent, #00FF9C, transparent);
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
  animation: scan 4s linear infinite;
}

@keyframes scan {
  0% { top: 0%; opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { top: 100%; opacity: 0; }
}