:root {
  --bg: #08090d;
  --text: #e8e8e0;
  --accent-cyan: #00d4ff;
  --accent-lime: #a3ff12;
  --surface: rgba(255,255,255,0.03);
  --border: rgba(255,255,255,0.07);
}

body { background: var(--bg); }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: rgba(0,212,255,0.3); border-radius: 3px; }

/* Responsive breakpoints */
@media (max-width: 768px) {
  h1 { letter-spacing: -1px !important; }
  .container { padding: 0 16px; }
  section { padding: 60px 0 !important; }
}

/* Gradient text utility */
.gradient-text {
  background: linear-gradient(135deg, #00d4ff 0%, #a3ff12 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}