/* ══════════════════════════════════════════════
   NYXCORE — CYBERPUNK / PENTESTING ELITE THEME
   ══════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  color: #f8fafc !important;
}

#page-title {
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #34d399 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 0 25px rgba(56, 189, 248, 0.45)) !important;
}

.service-card {
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  background: rgba(10, 15, 30, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-radius: 14px !important;
}

.service-card:hover {
  transform: translateY(-4px) scale(1.015) !important;
  background: rgba(15, 23, 42, 0.90) !important;
  border-color: rgba(56, 189, 248, 0.6) !important;
  box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.6), 0 0 24px -2px rgba(56, 189, 248, 0.35) !important;
}

.category-title {
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.70rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.15em !important;
  color: #38bdf8 !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid rgba(56, 189, 248, 0.2) !important;
  padding-bottom: 6px !important;
}

span[class*="label"], span[class*="value"] {
  font-family: 'JetBrains Mono', monospace !important;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); }
::-webkit-scrollbar-thumb { background: rgba(56, 189, 248, 0.4); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #38bdf8; }