@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --bg-main: #04070d;
  --bg-surface: #0a0f18;
  --border-color: rgba(255, 255, 255, 0.08);
  --accent-emerald: #10b981;
  --accent-cyan: #06b6d4;
  --accent-indigo: #6366f1;
}

body {
  background-color: var(--bg-main);
  color: #94a3b8;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  overflow-x: hidden;
}

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

.glass-card {
  background: rgba(10, 15, 24, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--border-color);
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.15);
}

.glow-glow {
  box-shadow: 0 0 35px -5px rgba(6, 182, 212, 0.2);
}

.custom-video-mask {
  background: linear-gradient(180deg, rgba(4,7,13,0) 0%, rgba(4,7,13,0.85) 85%, #04070d 100%);
}