style.css

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root {
  --neon-primary: #00f0ff;
  --neon-secondary: #ff00f0;
  --bg-dark: #0a0a12;
  --bg-light: #f5f5ff;
  --text-primary: #e0e0ff;
  --text-secondary: #a0a0c0;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background: var(--bg-dark);
  color: var(--text-primary);
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  line-height: 1.6;
  overflow-x: hidden;
}

@keyframes neon-glow {
  0%, 100% { text-shadow: 0 0 10px var(--neon-primary), 0 0 20px var(--neon-primary); }
  50% { text-shadow: 0 0 5px var(--neon-primary), 0 0 10px var(--neon-primary); }
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes scanline {
  0% { background-position: 0 -100vh; }
  100% { background-position: 0 100vh; }
}

.scanlines {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    transparent 95%,
    rgba(0, 240, 255, 0.05) 96%,
    transparent 97%
  );
  background-size: 100% 8px;
  pointer-events: none;
  z-index: 9999;
  animation: scanline 4s linear infinite;
  mix-blend-mode: overlay;
}
/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

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

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

.dark ::-webkit-scrollbar-track {
    background: #1f2937;
}

.dark ::-webkit-scrollbar-thumb {
    background: #4b5563;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}
/* File upload dropzone highlight */
.dropzone-active {
    border-color: #6366f1 !important;
    background-color: rgba(99, 102, 241, 0.05);
    transform: scale(1.01);
    box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.1), 0 4px 6px -2px rgba(99, 102, 241, 0.05);
}
.dark .dropzone-active {
    background-color: rgba(99, 102, 241, 0.1);
    box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.2), 0 4px 6px -2px rgba(99, 102, 241, 0.1);
}

/* Input enhancements */
input[type="text"], input[type="file"] {
    transition: all 0.2s ease;
}
input[type="text"]:focus {
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.5);
}

/* Feature badge */
.badge-new {
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.6; }
    100% { opacity: 1; }
}
/* Podcast player dark mode */
.dark .player-container {
  background: linear-gradient(to right, #0f0c29, #302b63);
}