/* VIBOZO // Cybernetic Void Stylesheet */

@layer base {
  html, body {
    margin: 0;
    padding: 0;
    background-color: #131319;
    color: #e4e1ea;
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  }
  
  body {
    overscroll-behavior: none;
  }

  main > :first-child {
    margin-top: 0 !important;
  }

  main > :last-child {
    margin-bottom: 0 !important;
  }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  display: none;
}
* {
  scrollbar-width: none;
}

/* Glassmorphism & Cybernetic Accents */
.glass-panel {
  background: rgba(10, 10, 16, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-panel-elevated {
  background: rgba(18, 18, 26, 0.90);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0, 240, 255, 0.20);
  box-shadow: 0 0 24px -4px rgba(0, 240, 255, 0.12);
}

/* Neon Glow Utilities */
.neon-glow-cyan {
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.35);
}

.neon-glow-violet {
  box-shadow: 0 0 20px rgba(139, 92, 246, 0.35);
}

/* Interactive subtle transitions */
.interactive-hover {
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.interactive-hover:hover {
  transform: translateY(-1px);
}