/* ===================================================
   CYBERPUNK THEME - Neon, Glitch, Chrome Effects
   Original Xalpheric Neocities Visual Identity
   =================================================== */

/* ==================
   CSS CUSTOM PROPERTIES
   ================== */

[data-theme="cyberpunk"] {
  /* Colors */
  --theme-primary: #00ffff;
  --theme-secondary: #ff00ff;
  --theme-bg: #000000;
  --theme-surface: #111111;
  --theme-surface-2: #222222;
  --theme-text: #e0e0e0;
  --theme-text-secondary: #bbb;
  --theme-text-tertiary: #888;
  
  /* Neon Accents */
  --neon-cyan: #0ff;
  --neon-magenta: #f0f;
  --neon-yellow: #ff0;
  
  /* Effects */
  --theme-glow-cyan: rgba(0, 255, 255, 0.5);
  --theme-glow-magenta: rgba(255, 0, 255, 0.5);
  --theme-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
  --theme-border: 2px solid rgba(0, 255, 255, 0.3);
  
  /* Typography */
  --theme-font-primary: 'Orbitron', sans-serif;
  --theme-font-secondary: 'Courier New', monospace;
}

/* ==================
   BODY & BACKGROUND
   ================== */

[data-theme="cyberpunk"] body {
  background: #000 url('../assets/xalpheric_glitch_bg.png') no-repeat center center fixed;
  background-size: cover;
  animation: glitchScroll 3s linear infinite;
  color: var(--theme-text);
  font-family: var(--theme-font-primary);
}

/* ==================
   LINK STYLES
   ================== */

[data-theme="cyberpunk"] a {
  color: var(--neon-cyan);
  text-decoration: none;
  transition: all 0.3s ease;
  text-shadow: 0 0 8px rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] a:hover {
  color: var(--neon-magenta);
  text-shadow: 0 0 12px rgba(255, 0, 255, 0.5);
  text-decoration: underline;
}

[data-theme="cyberpunk"] a:visited {
  color: #00cccc;
  text-shadow: 0 0 6px rgba(0, 204, 204, 0.3);
}

[data-theme="cyberpunk"] a:active {
  color: var(--neon-yellow);
  text-shadow: 0 0 15px rgba(255, 255, 0, 0.6);
}

@keyframes glitchScroll {
  0% { background-position: 0 0; }
  100% { background-position: 0 -100px; }
}

/* ==================
   HEADER & NAVIGATION
   ================== */

[data-theme="cyberpunk"] .site-header {
  background: rgba(17, 17, 17, 0.5);
  border-bottom: 2px solid rgba(0, 255, 255, 0.3);
  box-shadow: 0 2px 20px rgba(0, 255, 255, 0.3);
  backdrop-filter: blur(10px);
}

[data-theme="cyberpunk"] .header-peek-indicator {
  background: linear-gradient(90deg, #00ffff, #ff00ff);
  box-shadow: 0 2px 10px rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .header-peek-indicator:hover {
  box-shadow: 0 4px 20px rgba(0, 255, 255, 0.6);
  background: linear-gradient(90deg, #ffffff, #00ffff, #ff00ff, #ffffff);
}

[data-theme="cyberpunk"] .header-peek-indicator.active {
  background: linear-gradient(90deg, #ff00ff, #00ffff);
  animation: peekPulse 2s ease-in-out infinite;
}

@keyframes peekPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

[data-theme="cyberpunk"] .nav-link {
  color: var(--theme-text);
  font-family: var(--theme-font-primary);
}

[data-theme="cyberpunk"] .nav-link:hover {
  color: var(--neon-cyan);
  border-color: var(--neon-cyan);
  box-shadow: 0 0 15px var(--theme-glow-cyan);
  transform: translateY(-2px);
}

[data-theme="cyberpunk"] .nav-link.active {
  color: var(--neon-magenta);
  border-color: var(--neon-magenta);
  background: rgba(255, 0, 255, 0.1);
  box-shadow: 0 0 15px rgba(255, 0, 255, 0.3);
}

[data-theme="cyberpunk"] .nav-link::before {
  background: linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.2), transparent);
}

/* Theme Toggle Button */
[data-theme="cyberpunk"] .theme-toggle {
  color: var(--neon-cyan);
  border-color: var(--neon-cyan);
}

[data-theme="cyberpunk"] .theme-toggle:hover {
  border-color: var(--neon-magenta);
  box-shadow: 0 0 15px var(--theme-glow-cyan);
  background: rgba(0, 255, 255, 0.1);
}

/* ==================
   HAMBURGER MENU - CHROME EFFECTS
   ================== */

[data-theme="cyberpunk"] .hamburger-menu::before {
  background: radial-gradient(
    circle at center,
    rgba(0, 255, 255, 0.15) 0%,
    rgba(135, 206, 235, 0.08) 40%,
    rgba(30, 144, 255, 0.04) 70%,
    transparent 100%
  );
  filter: blur(6px);
}

[data-theme="cyberpunk"] .hamburger-menu::after {
  background: 
    linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.06) 30%, transparent 35%),
    linear-gradient(to bottom, transparent 45%, rgba(0, 0, 0, 0.06) 50%, rgba(0, 0, 0, 0.06) 55%, transparent 60%),
    linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.06) 75%, rgba(0, 0, 0, 0.06) 80%, transparent 85%);
}

[data-theme="cyberpunk"] .hamburger-line {
  background: linear-gradient(90deg, #00ffff, #87ceeb, #1e90ff);
  box-shadow: 
    0 0 10px rgba(0, 255, 255, 0.5),
    0 2px 4px rgba(0, 0, 0, 0.3);
}

[data-theme="cyberpunk"] .hamburger-line::before {
  background: inherit;
}

[data-theme="cyberpunk"] .hamburger-line::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 30%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent 0%,
    rgba(255, 255, 255, 0.4) 30%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0.4) 70%,
    transparent 100%
  );
  transform: skewX(-25deg);
  animation: chromeReflection 3s ease-in-out infinite;
  animation-delay: 0.5s;
}

@keyframes chromeReflection {
  0%, 90% { left: -100%; opacity: 0; }
  10% { left: -100%; opacity: 1; }
  30% { left: 100%; opacity: 1; }
  40%, 100% { left: 100%; opacity: 0; }
}

[data-theme="cyberpunk"] .hamburger-line:nth-child(1)::after { animation-delay: 0.5s; }
[data-theme="cyberpunk"] .hamburger-line:nth-child(2)::after { animation-delay: 0.7s; }
[data-theme="cyberpunk"] .hamburger-line:nth-child(3)::after { animation-delay: 0.9s; }

[data-theme="cyberpunk"] .hamburger-menu:hover::before {
  background: radial-gradient(
    circle at center,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(0, 255, 255, 0.12) 30%,
    rgba(135, 206, 235, 0.08) 60%,
    rgba(30, 144, 255, 0.04) 80%,
    transparent 100%
  );
  width: 60px;
  height: 60px;
  filter: blur(8px);
}

[data-theme="cyberpunk"] .hamburger-menu:hover .hamburger-line {
  background: linear-gradient(90deg, #ffffff, #00ffff, #ffffff);
  box-shadow: 
    0 0 15px rgba(0, 255, 255, 0.8),
    0 3px 6px rgba(0, 0, 0, 0.4);
  transform: scaleX(1.1);
}

[data-theme="cyberpunk"] .hamburger-menu.active::before {
  background: radial-gradient(
    circle at center,
    rgba(255, 0, 255, 0.18) 0%,
    rgba(0, 255, 255, 0.1) 40%,
    rgba(135, 206, 235, 0.06) 70%,
    transparent 100%
  );
  width: 65px;
  height: 65px;
  filter: blur(8px);
}

[data-theme="cyberpunk"] .hamburger-menu.active .hamburger-line:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
  background: linear-gradient(45deg, #ff00ff, #00ffff);
  box-shadow: 
    0 0 20px rgba(255, 0, 255, 0.6),
    0 3px 8px rgba(0, 0, 0, 0.5);
}

[data-theme="cyberpunk"] .hamburger-menu.active .hamburger-line:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}

[data-theme="cyberpunk"] .hamburger-menu.active .hamburger-line:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
  background: linear-gradient(-45deg, #ff00ff, #00ffff);
  box-shadow: 
    0 0 20px rgba(255, 0, 255, 0.6),
    0 3px 8px rgba(0, 0, 0, 0.5);
}

[data-theme="cyberpunk"] .hamburger-menu {
  animation: hamburgerPulse 3s ease-in-out infinite;
}

[data-theme="cyberpunk"] .hamburger-menu::before {
  animation: spotlightPulse 3s ease-in-out infinite;
}

@keyframes hamburgerPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

@keyframes spotlightPulse {
  0%, 100% { opacity: 1; filter: blur(6px); }
  50% { opacity: 0.6; filter: blur(8px); }
}

[data-theme="cyberpunk"] .hamburger-menu:hover,
[data-theme="cyberpunk"] .hamburger-menu.active {
  animation: none;
}

/* ==================
   MOBILE NAVIGATION
   ================== */

@media (max-width: 768px) {
  [data-theme="cyberpunk"] .top-nav {
    background: rgba(17, 17, 17, 0.95);
    backdrop-filter: blur(15px);
    border-top: 2px solid rgba(0, 255, 255, 0.3);
    box-shadow: 0 5px 30px rgba(0, 255, 255, 0.3);
  }
  
  [data-theme="cyberpunk"] .nav-link {
    border-bottom: 1px solid rgba(0, 255, 255, 0.1);
  }
  
  [data-theme="cyberpunk"] .top-nav.active .nav-link {
    animation: slideInFromLeft 0.4s ease forwards;
  }
  
  [data-theme="cyberpunk"] .nav-link:hover {
    background: rgba(0, 255, 255, 0.1);
    transform: translateX(0) scale(1.02);
  }
}

@keyframes slideInFromLeft {
  to {
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
}

[data-theme="cyberpunk"] .top-nav.active .nav-link:nth-child(1) { animation-delay: 0.1s; }
[data-theme="cyberpunk"] .top-nav.active .nav-link:nth-child(2) { animation-delay: 0.15s; }
[data-theme="cyberpunk"] .top-nav.active .nav-link:nth-child(3) { animation-delay: 0.2s; }
[data-theme="cyberpunk"] .top-nav.active .nav-link:nth-child(4) { animation-delay: 0.25s; }
[data-theme="cyberpunk"] .top-nav.active .nav-link:nth-child(5) { animation-delay: 0.3s; }

/* ==================
   TYPOGRAPHY & GLOWS
   ================== */

[data-theme="cyberpunk"] h1 {
  color: #fff;
  text-shadow: 0 0 10px var(--neon-magenta);
}

[data-theme="cyberpunk"] .xalpheria-title {
  color: #fff;
  text-shadow: 0 0 10px var(--neon-magenta);
  font-family: var(--theme-font-primary);
}

[data-theme="cyberpunk"] .xalpheria-title .char {
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
  animation: 
    lightSweep 7.5s infinite,
    refractiveWave 7.5s infinite;
}

/* Light Sweep Animation */
@keyframes lightSweep {
  0%, 3% {
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
    opacity: 1;
  }
  4% {
    color: #fff;
    text-shadow: 
      0 0 15px rgba(255, 255, 255, 1.2),
      0 0 25px rgba(0, 255, 255, 1),
      0 0 35px rgba(173, 216, 230, 0.8);
    opacity: 1;
  }
  6% {
    color: #fff;
    text-shadow: 
      0 0 30px rgba(255, 255, 255, 2.5),
      0 0 40px rgba(0, 255, 255, 2),
      0 0 50px rgba(173, 216, 230, 1.5);
    opacity: 1;
  }
  8% {
    color: rgba(255, 255, 255, 0.6);
    text-shadow: 
      0 0 20px rgba(255, 255, 255, 1.5),
      0 0 30px rgba(0, 255, 255, 1.2);
    opacity: 0.7;
  }
  10% {
    color: rgba(255, 255, 255, 0.2);
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
    opacity: 0.4;
  }
  12%, 16% {
    color: transparent;
    text-shadow: none;
    opacity: 0;
  }
  20% {
    color: #87ceeb;
    text-shadow: 
      0 0 15px rgba(135, 206, 235, 1),
      0 0 25px rgba(173, 216, 230, 0.8),
      0 0 35px rgba(0, 191, 255, 0.6);
    opacity: 0.3;
  }
  24% {
    color: #ffffff;
    text-shadow: 
      0 0 20px rgba(255, 255, 255, 1.2),
      0 0 30px rgba(0, 255, 255, 1),
      0 0 40px rgba(30, 144, 255, 0.8);
    opacity: 0.6;
  }
  28% {
    color: #00ffff;
    text-shadow: 
      0 0 25px rgba(0, 255, 255, 1.5),
      0 0 35px rgba(255, 255, 255, 1),
      0 0 45px rgba(0, 191, 255, 0.8);
    opacity: 1;
  }
  32% {
    color: #1e90ff;
    text-shadow: 
      0 0 20px rgba(30, 144, 255, 1.2),
      0 0 30px rgba(135, 206, 235, 0.8),
      0 0 40px rgba(0, 255, 255, 0.6);
    opacity: 1;
  }
  36% {
    color: #add8e6;
    text-shadow: 
      0 0 15px rgba(173, 216, 230, 1),
      0 0 25px rgba(0, 255, 255, 0.8),
      0 0 35px rgba(30, 144, 255, 0.6);
    opacity: 1;
  }
  40%, 100% {
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
    opacity: 1;
  }
}

/* Refractive Wave Animation */
@keyframes refractiveWave {
  0%, 3% {
    transform: translateX(0) translateY(0) skewX(0deg) scale(1);
    filter: blur(0px) hue-rotate(0deg) contrast(1) brightness(1);
  }
  4% {
    transform: translateX(-1px) translateY(-1px) skewX(-1deg) scale(1.02);
    filter: blur(0px) hue-rotate(0deg) contrast(1.2) brightness(1.2);
  }
  6% {
    transform: translateX(-8px) translateY(-5px) skewX(-12deg) scale(1.2);
    filter: blur(0px) hue-rotate(0deg) contrast(2.5) brightness(2.5);
  }
  8% {
    transform: translateX(12px) translateY(8px) skewX(18deg) scale(0.8);
    filter: blur(2px) hue-rotate(180deg) contrast(1.5) brightness(1.5);
  }
  10% {
    transform: translateX(-15px) translateY(-12px) skewX(-25deg) scale(0.5);
    filter: blur(4px) hue-rotate(200deg) contrast(0.8) brightness(0.8) saturate(0.2);
  }
  12%, 16% {
    transform: translateX(20px) translateY(-18px) skewX(30deg) scale(0.1);
    filter: blur(10px) hue-rotate(220deg) contrast(0) brightness(0) saturate(0);
  }
  20% {
    transform: translateX(5px) translateY(3px) skewX(5deg) scale(0.4);
    filter: blur(5px) hue-rotate(180deg) contrast(0.4) brightness(0.4) saturate(0.3);
  }
  24% {
    transform: translateX(-2px) translateY(-2px) skewX(-3deg) scale(0.7);
    filter: blur(2.5px) hue-rotate(220deg) contrast(0.7) brightness(0.7) saturate(0.6);
  }
  28% {
    transform: translateX(3px) translateY(2px) skewX(3deg) scale(1.05);
    filter: blur(1px) hue-rotate(240deg) contrast(1.2) brightness(1.2) saturate(1.2);
  }
  32% {
    transform: translateX(-1px) translateY(0px) skewX(-1deg) scale(1.02);
    filter: blur(0.5px) hue-rotate(200deg) contrast(1.1) brightness(1.1) saturate(1);
  }
  36% {
    transform: translateX(0px) translateY(0px) skewX(0deg) scale(1.01);
    filter: blur(0.2px) hue-rotate(180deg) contrast(1.05) brightness(1.05) saturate(0.9);
  }
  40%, 100% {
    transform: translateX(0) translateY(0) skewX(0deg) scale(1);
    filter: blur(0px) hue-rotate(0deg) contrast(1) brightness(1) saturate(1);
  }
}

[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(1) { animation-delay: 0s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(2) { animation-delay: 0.05s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(3) { animation-delay: 0.1s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(4) { animation-delay: 0.15s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(5) { animation-delay: 0.2s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(6) { animation-delay: 0.25s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(7) { animation-delay: 0.3s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(8) { animation-delay: 0.35s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(9) { animation-delay: 0.4s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(10) { animation-delay: 0.45s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(11) { animation-delay: 0.5s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(12) { animation-delay: 0.55s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(13) { animation-delay: 0.6s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(14) { animation-delay: 0.65s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(15) { animation-delay: 0.7s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(16) { animation-delay: 0.75s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(17) { animation-delay: 0.8s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(18) { animation-delay: 0.85s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(19) { animation-delay: 0.9s; }
[data-theme="cyberpunk"] .xalpheria-title .char:nth-child(20) { animation-delay: 0.95s; }

[data-theme="cyberpunk"] p {
  color: var(--theme-text-secondary);
}

/* ==================
   COMPONENTS
   ================== */

[data-theme="cyberpunk"] .logo {
  filter: drop-shadow(0 0 10px var(--neon-cyan));
}

[data-theme="cyberpunk"] .cover-art {
  box-shadow: 0 0 10px #6f0fff;
}

[data-theme="cyberpunk"] .cover-art:hover {
  box-shadow: 0 0 20px var(--neon-cyan), 0 0 30px rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] audio {
  filter: drop-shadow(0 0 5px var(--neon-cyan));
  background: var(--theme-surface);
  border: 2px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] audio:hover {
  border-color: var(--neon-cyan);
  filter: drop-shadow(0 0 10px var(--neon-cyan));
}

/* ==================
   BUTTONS & LINKS
   ================== */

[data-theme="cyberpunk"] .nav {
  background: var(--neon-cyan);
  color: #000;
  font-family: var(--theme-font-primary);
}

[data-theme="cyberpunk"] .nav:hover {
  background: var(--neon-magenta);
}

[data-theme="cyberpunk"] .download {
  background: var(--neon-cyan);
  color: #000;
}

[data-theme="cyberpunk"] .download:hover {
  background: var(--neon-magenta);
}

/* ==================
   FOOTER
   ================== */

[data-theme="cyberpunk"] footer {
  color: var(--theme-text-tertiary);
}

[data-theme="cyberpunk"] .coffee-icon,
[data-theme="cyberpunk"] .email-icon {
  filter: drop-shadow(0 0 10px var(--neon-cyan));
}

[data-theme="cyberpunk"] .coffee-icon:hover,
[data-theme="cyberpunk"] .email-icon:hover {
  filter: drop-shadow(0 0 15px var(--neon-magenta));
}

[data-theme="cyberpunk"] .coffee-text,
[data-theme="cyberpunk"] .email-text {
  color: var(--theme-text);
  font-family: var(--theme-font-primary);
}

[data-theme="cyberpunk"] .coffee-link:hover .coffee-text,
[data-theme="cyberpunk"] .email-link:hover .email-text {
  color: var(--neon-cyan);
}

/* ==================
   CONTAINERS
   ================== */

[data-theme="cyberpunk"] .release-viewer {
  background: var(--theme-surface);
  box-shadow: 0 0 20px #0ff33a;
}

[data-theme="cyberpunk"] .musings-container,
[data-theme="cyberpunk"] .notes-container {
  background: var(--theme-surface);
  box-shadow: 0 0 20px #0ff33a;
}

[data-theme="cyberpunk"] .links-container {
  background: var(--theme-surface);
  box-shadow: 0 0 20px #0ff33a;
}

[data-theme="cyberpunk"] .links-container h2 {
  color: #fff;
  text-shadow: 0 0 10px var(--neon-cyan);
  border-bottom: 2px solid var(--neon-cyan);
}

[data-theme="cyberpunk"] .link-card {
  background: var(--theme-surface-2);
  border-left: 4px solid var(--neon-cyan);
}

[data-theme="cyberpunk"] .link-card:hover {
  box-shadow: 0 8px 25px rgba(0, 255, 255, 0.4);
  border-left-color: var(--neon-magenta);
}

[data-theme="cyberpunk"] .link-card::before {
  background: linear-gradient(90deg, var(--neon-cyan), var(--neon-magenta), var(--neon-cyan));
}

[data-theme="cyberpunk"] .link-card h3 {
  color: #fff;
  text-shadow: 0 0 5px var(--neon-cyan);
}

[data-theme="cyberpunk"] .link-card p {
  color: var(--theme-text);
}

[data-theme="cyberpunk"] .link-card a {
  color: var(--neon-cyan);
}

[data-theme="cyberpunk"] .link-card a:hover {
  color: var(--neon-magenta);
  text-shadow: 0 0 5px var(--neon-magenta);
}

[data-theme="cyberpunk"] .site-icon:hover {
  transform: scale(1.1);
  filter: brightness(1.2) drop-shadow(0 0 10px rgb(100, 150, 255));
}

[data-theme="cyberpunk"] .link-url {
  color: var(--theme-text-tertiary);
}

[data-theme="cyberpunk"] .social-link {
  color: var(--neon-cyan) !important;
  background: rgba(0, 255, 255, 0.1);
  border: 1px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .social-link:hover {
  background: rgba(0, 255, 255, 0.2);
  border-color: var(--neon-cyan);
  color: #fff !important;
  text-shadow: 0 0 8px var(--neon-cyan);
}

/* ==================
   GALLERY
   ================== */

[data-theme="cyberpunk"] .gallery-item {
  border: 2px solid rgba(0, 255, 255, 0.3);
  background: rgba(17, 17, 17, 0.8);
}

[data-theme="cyberpunk"] .gallery-item:hover {
  border-color: var(--neon-cyan);
  box-shadow: 0 8px 25px rgba(0, 255, 255, 0.4);
}

/* ==================
   RADIO PLAYER
   ================== */

[data-theme="cyberpunk"] .xalpheric-radio-player {
  background: rgba(17, 17, 17, 0.95);
  border: 2px solid var(--neon-cyan);
  backdrop-filter: blur(15px);
  font-family: var(--theme-font-primary);
  box-shadow: 0 4px 20px rgba(0, 255, 255, 0.4);
}

[data-theme="cyberpunk"] .xalpheric-radio-player:hover {
  box-shadow: 0 6px 25px rgba(0, 255, 255, 0.6);
}

[data-theme="cyberpunk"] .xalpheric-radio-player.dragging {
  box-shadow: 0 8px 30px rgba(0, 255, 255, 0.8);
  transform: scale(1.02);
}

[data-theme="cyberpunk"] .xalpheric-radio-player.collapsed:hover {
  box-shadow: 0 8px 30px rgba(0, 255, 255, 0.7);
}

[data-theme="cyberpunk"] .radio-drag-handle {
  background: rgba(0, 255, 255, 0.2);
  border: 1px solid rgba(0, 255, 255, 0.5);
  color: var(--neon-cyan);
}

[data-theme="cyberpunk"] .radio-drag-handle:hover {
  background: rgba(0, 255, 255, 0.4);
  border-color: var(--neon-cyan);
}

[data-theme="cyberpunk"] .radio-drag-handle:active {
  background: rgba(0, 255, 255, 0.6);
}

[data-theme="cyberpunk"] .radio-toggle-btn {
  border: 2px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .radio-toggle-btn:hover {
  border-color: var(--neon-cyan);
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.4);
}

[data-theme="cyberpunk"] .xalpheric-radio-player.collapsed .radio-toggle-btn {
  border-width: 3px;
}

[data-theme="cyberpunk"] .radio-track-title {
  color: #fff;
}

[data-theme="cyberpunk"] .radio-track-artist {
  color: var(--neon-cyan);
}

[data-theme="cyberpunk"] .progress-mini-bar {
  background: rgba(255, 255, 255, 0.2);
}

[data-theme="cyberpunk"] .progress-mini-fill {
  background: linear-gradient(90deg, var(--neon-cyan) 0%, var(--neon-magenta) 100%);
}

[data-theme="cyberpunk"] .radio-prev-btn,
[data-theme="cyberpunk"] .radio-play-pause-btn,
[data-theme="cyberpunk"] .radio-next-btn {
  background: rgba(0, 255, 255, 0.2);
  color: var(--neon-cyan);
  border: 1px solid var(--neon-cyan);
}

[data-theme="cyberpunk"] .radio-prev-btn:hover,
[data-theme="cyberpunk"] .radio-play-pause-btn:hover,
[data-theme="cyberpunk"] .radio-next-btn:hover {
  background: var(--neon-cyan);
  color: #000;
}

[data-theme="cyberpunk"] .radio-playlist-toggle {
  background: rgba(255, 0, 255, 0.2);
  color: var(--neon-magenta);
  border: 1px solid var(--neon-magenta);
}

[data-theme="cyberpunk"] .radio-playlist-toggle:hover {
  background: var(--neon-magenta);
  color: #000;
}

[data-theme="cyberpunk"] .radio-playlist {
  border-top: 1px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .playlist-header h3 {
  color: #fff;
  text-shadow: 0 0 5px var(--neon-cyan);
}

[data-theme="cyberpunk"] .playlist-close {
  background: rgba(255, 0, 255, 0.2);
  color: var(--neon-magenta);
  border: 1px solid var(--neon-magenta);
}

[data-theme="cyberpunk"] .playlist-close:hover {
  background: var(--neon-magenta);
  color: #000;
}

[data-theme="cyberpunk"] .playlist-item {
  background: rgba(34, 34, 34, 0.8);
}

[data-theme="cyberpunk"] .playlist-item:hover {
  background: rgba(0, 255, 255, 0.1);
  border-color: rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .playlist-item.active {
  background: rgba(0, 255, 255, 0.2);
  border-color: var(--neon-cyan);
  box-shadow: 0 0 10px rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .playlist-cover {
  border: 1px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .playlist-title {
  color: #fff;
}

[data-theme="cyberpunk"] .playlist-artist {
  color: var(--neon-cyan);
}

[data-theme="cyberpunk"] .playlist-play-btn {
  background: rgba(0, 255, 255, 0.2);
  color: var(--neon-cyan);
  border: 1px solid var(--neon-cyan);
}

[data-theme="cyberpunk"] .playlist-play-btn:hover {
  background: var(--neon-cyan);
  color: #000;
}

/* ==================
   LIGHTBOX/MODAL
   ================== */

[data-theme="cyberpunk"] .lightbox {
  background-color: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(10px);
}

[data-theme="cyberpunk"] .lightbox-close {
  color: var(--neon-cyan);
}

[data-theme="cyberpunk"] .lightbox-close:hover {
  color: #fff;
}

[data-theme="cyberpunk"] #lightbox-image {
  border: 2px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .lightbox-caption {
  color: var(--theme-text);
  font-family: var(--theme-font-primary);
}

[data-theme="cyberpunk"] .lightbox-description {
  color: #b0b0b0;
  font-family: var(--theme-font-primary);
}

[data-theme="cyberpunk"] .lightbox-prev, 
[data-theme="cyberpunk"] .lightbox-next {
  background: rgba(0, 255, 255, 0.2);
  border: 2px solid var(--neon-cyan);
  color: var(--theme-text);
  font-family: var(--theme-font-primary);
}

[data-theme="cyberpunk"] .lightbox-prev:hover, 
[data-theme="cyberpunk"] .lightbox-next:hover {
  background: rgba(0, 255, 255, 0.4);
  transform: translateY(-2px);
}

[data-theme="cyberpunk"] .no-images {
  color: #888;
}

/* ============================================
   FORMS & INPUTS - CYBERPUNK THEME
   ============================================ */

/* Form Inputs Colors */
[data-theme="cyberpunk"] .cyber-input,
[data-theme="cyberpunk"] .cyber-textarea {
  background: rgba(0, 0, 0, 0.7);
  border: 2px solid rgba(0, 255, 255, 0.3);
  color: #e0e0e0;
  font-family: 'Orbitron', monospace;
}

[data-theme="cyberpunk"] .cyber-input:focus,
[data-theme="cyberpunk"] .cyber-textarea:focus {
  outline: none;
  border-color: #00ffff;
  box-shadow: 
    0 0 10px rgba(0, 255, 255, 0.3),
    inset 0 0 10px rgba(0, 255, 255, 0.1);
  color: #ffffff;
}

[data-theme="cyberpunk"] .cyber-input::placeholder,
[data-theme="cyberpunk"] .cyber-textarea::placeholder {
  color: rgba(224, 224, 224, 0.5);
  font-style: italic;
}

[data-theme="cyberpunk"] .form-group.focused .cyber-input,
[data-theme="cyberpunk"] .form-group.focused .cyber-textarea {
  background: rgba(0, 20, 20, 0.8);
}

[data-theme="cyberpunk"] .form-group.has-content label {
  color: #ff00ff;
}

[data-theme="cyberpunk"] .form-group label {
  color: #00ffff;
  font-weight: 600;
}

/* Character Counter Colors */
[data-theme="cyberpunk"] .character-count {
  color: rgba(224, 224, 224, 0.6);
}

[data-theme="cyberpunk"] .character-count.warning {
  color: #ffaa00;
}

[data-theme="cyberpunk"] .character-count.danger {
  color: #ff4444;
}

/* Button Colors */
[data-theme="cyberpunk"] .cyber-btn {
  background: linear-gradient(45deg, rgba(0, 255, 255, 0.1), rgba(255, 0, 255, 0.1));
  border: 2px solid #00ffff;
  color: #00ffff;
  font-family: 'Orbitron', sans-serif;
}

[data-theme="cyberpunk"] .cyber-btn:hover:not(:disabled) {
  background: linear-gradient(45deg, rgba(0, 255, 255, 0.2), rgba(255, 0, 255, 0.2));
  box-shadow: 
    0 4px 15px rgba(0, 255, 255, 0.4),
    inset 0 0 20px rgba(0, 255, 255, 0.1);
  transform: translateY(-2px);
}

[data-theme="cyberpunk"] .cyber-btn:active:not(:disabled) {
  transform: translateY(0);
}

[data-theme="cyberpunk"] .cyber-btn:disabled {
  animation: pulse 1.5s ease-in-out infinite;
}

[data-theme="cyberpunk"] .btn-glow {
  background: linear-gradient(45deg, #00ffff, #ff00ff);
  opacity: 0;
  transition: opacity 0.3s ease;
}

[data-theme="cyberpunk"] .cyber-btn:hover .btn-glow {
  opacity: 0.3;
}

/* Status Messages Colors */
[data-theme="cyberpunk"] .status-message.success {
  background: rgba(0, 255, 100, 0.1);
  border: 2px solid rgba(0, 255, 100, 0.3);
  box-shadow: 0 4px 15px rgba(0, 255, 100, 0.2);
}

[data-theme="cyberpunk"] .status-message.error {
  background: rgba(255, 50, 50, 0.1);
  border: 2px solid rgba(255, 50, 50, 0.3);
  box-shadow: 0 4px 15px rgba(255, 50, 50, 0.2);
}

/* Guestbook Colors */
[data-theme="cyberpunk"] .guestbook-archive {
  background: rgba(17, 17, 17, 0.6);
  border: 2px solid rgba(0, 255, 255, 0.2);
  backdrop-filter: blur(5px);
}

[data-theme="cyberpunk"] .archive-header {
  border-bottom: 1px solid rgba(0, 255, 255, 0.2);
}

[data-theme="cyberpunk"] .archive-title {
  color: #00ffff;
}

[data-theme="cyberpunk"] .entries-info {
  color: rgba(224, 224, 224, 0.7);
}

[data-theme="cyberpunk"] .entries-info .entries-count {
  color: #ff00ff;
  font-weight: 600;
}

[data-theme="cyberpunk"] .guestbook-entry {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 255, 255, 0.2);
}

[data-theme="cyberpunk"] .guestbook-entry:hover {
  border-color: rgba(0, 255, 255, 0.4);
  box-shadow: 0 4px 20px rgba(0, 255, 255, 0.1);
  transform: translateY(-2px);
}

[data-theme="cyberpunk"] .entry-name {
  color: #00ffff;
}

[data-theme="cyberpunk"] .entry-name.website-link:hover {
  color: #ff00ff;
}

[data-theme="cyberpunk"] .entry-email {
  color: rgba(224, 224, 224, 0.6);
}

[data-theme="cyberpunk"] .entry-meta {
  color: rgba(224, 224, 224, 0.5);
}

[data-theme="cyberpunk"] .website-indicator {
  color: #ff00ff;
}

[data-theme="cyberpunk"] .entry-comment {
  color: #e0e0e0;
}

/* Loading States Colors */
[data-theme="cyberpunk"] .loading-container,
[data-theme="cyberpunk"] .error-container,
[data-theme="cyberpunk"] .no-entries-container {
  color: rgba(224, 224, 224, 0.7);
}

[data-theme="cyberpunk"] .loader-ring {
  border: 6px solid #00ffff;
  border-color: #00ffff transparent transparent transparent;
  animation: spin 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}

[data-theme="cyberpunk"] .loading-text {
  color: #00ffff;
}

[data-theme="cyberpunk"] .error-container h3,
[data-theme="cyberpunk"] .no-entries-container h3 {
  color: #ff00ff;
}

/* Guestbook Animations */
@keyframes borderGlow {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 0.8; }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* ============================================
   RELEASE LIGHTBOX - CYBERPUNK THEME
   ============================================ */

[data-theme="cyberpunk"] .release-lightbox {
  background-color: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(15px);
}

[data-theme="cyberpunk"] .release-lightbox-content {
  background: rgba(17, 17, 17, 0.95);
  border: 2px solid #0ff;
  box-shadow: 0 0 30px rgba(0, 255, 255, 0.5);
}

[data-theme="cyberpunk"] .release-lightbox-close {
  color: #0ff;
}

[data-theme="cyberpunk"] .release-lightbox-close:hover {
  color: #f0f;
  text-shadow: 0 0 10px #f0f;
}

[data-theme="cyberpunk"] .release-lightbox-album {
  border: 2px solid rgba(0, 255, 255, 0.4);
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .release-lightbox-info {
  color: #e0e0e0;
  font-family: 'Orbitron', sans-serif;
}

[data-theme="cyberpunk"] .release-lightbox-info h3 {
  color: #fff;
  text-shadow: 0 0 10px #0ff;
}

[data-theme="cyberpunk"] .release-lightbox-meta {
  color: #0ff;
}

[data-theme="cyberpunk"] .release-lightbox-meta span {
  background: rgba(0, 255, 255, 0.1);
  border: 1px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .release-lightbox-description {
  color: #e0e0e0;
}

/* ============================================
   BLOG MEDIA - CYBERPUNK THEME
   ============================================ */

[data-theme="cyberpunk"] .blog-image {
  border: 2px solid rgba(0, 255, 255, 0.4);
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .blog-image:hover {
  border-color: #0ff;
  box-shadow: 0 0 30px rgba(0, 255, 255, 0.5);
  transform: scale(1.02);
}

[data-theme="cyberpunk"] .blog-image-caption {
  color: #0ff;
  font-family: 'Orbitron', sans-serif;
  text-shadow: 0 0 5px rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .blog-video-container {
  border: 2px solid rgba(0, 255, 255, 0.4);
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
  background: #111;
}

[data-theme="cyberpunk"] .blog-video-container:hover {
  border-color: #0ff;
  box-shadow: 0 0 30px rgba(0, 255, 255, 0.5);
}

[data-theme="cyberpunk"] .note-content h1,
[data-theme="cyberpunk"] .note-content h2,
[data-theme="cyberpunk"] .note-content h3,
[data-theme="cyberpunk"] .note-content h4,
[data-theme="cyberpunk"] .note-content h5,
[data-theme="cyberpunk"] .note-content h6 {
  color: #fff;
  text-shadow: 0 0 10px #0ff;
}

[data-theme="cyberpunk"] .note-content h1 {
  border-bottom: 2px solid #0ff;
}

[data-theme="cyberpunk"] .note-content blockquote {
  border-left: 4px solid #f0f;
  background: rgba(255, 0, 255, 0.1);
  color: #e0e0e0;
}

[data-theme="cyberpunk"] .note-content code {
  background: rgba(0, 255, 255, 0.1);
  color: #0ff;
  border: 1px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .note-content pre {
  background: rgba(17, 17, 17, 0.9);
  border: 2px solid rgba(0, 255, 255, 0.3);
}

/* ============================================
   PROJECTS PAGE - CYBERPUNK THEME
   ============================================ */

[data-theme="cyberpunk"] .intro {
  background: rgba(20, 20, 30, 0.6);
}

[data-theme="cyberpunk"] .intro p {
  color: #e0e0e0;
}

[data-theme="cyberpunk"] .category-title {
  color: #0ff;
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
}

[data-theme="cyberpunk"] .project-card {
  background: linear-gradient(135deg, rgba(20, 20, 30, 0.9) 0%, rgba(40, 20, 60, 0.9) 100%);
  border: 2px solid rgba(0, 255, 255, 0.4);
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
}

[data-theme="cyberpunk"] .project-card:hover {
  border-color: #0ff;
  box-shadow: 0 0 30px rgba(0, 255, 255, 0.4);
  transform: translateY(-2px);
}

[data-theme="cyberpunk"] .project-thumbnail {
  border: 2px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .project-title {
  color: #0ff;
  text-shadow: 0 0 8px rgba(0, 255, 255, 0.6);
}

[data-theme="cyberpunk"] .project-meta {
  color: #aaa;
}

[data-theme="cyberpunk"] .project-description {
  color: #e0e0e0;
}

[data-theme="cyberpunk"] .project-actions {
  border-top: 1px solid rgba(0, 255, 255, 0.2);
}

[data-theme="cyberpunk"] .download-btn {
  background: linear-gradient(135deg, rgba(0, 255, 255, 0.2) 0%, rgba(255, 0, 255, 0.2) 100%);
  border: 2px solid rgba(0, 255, 255, 0.5);
  color: #0ff;
}

[data-theme="cyberpunk"] .download-btn:hover {
  background: linear-gradient(135deg, rgba(0, 255, 255, 0.3) 0%, rgba(255, 0, 255, 0.3) 100%);
  border-color: #0ff;
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
  transform: scale(1.05);
}

[data-theme="cyberpunk"] .file-size {
  color: #aaa;
}

[data-theme="cyberpunk"] .size-value {
  color: #0ff;
}

[data-theme="cyberpunk"] .coming-soon {
  background: rgba(40, 20, 60, 0.5);
  border: 2px dashed rgba(255, 0, 255, 0.3);
}

[data-theme="cyberpunk"] .coming-soon p {
  color: #e0e0e0;
}

[data-theme="cyberpunk"] .coming-soon .hint {
  color: #aaa;
}

[data-theme="cyberpunk"] .license-info {
  background: rgba(255, 0, 255, 0.1);
  border-left: 4px solid #f0f;
  color: #e0e0e0;
}

[data-theme="cyberpunk"] .collection-info {
  background: rgba(0, 255, 255, 0.1);
  border-left: 4px solid #0ff;
  color: #e0e0e0;
}

[data-theme="cyberpunk"] .collection-info a {
  color: #0ff;
  border-bottom: 1px dotted #0ff;
}

[data-theme="cyberpunk"] .collection-info a:hover {
  color: #fff;
  border-bottom-color: #fff;
  text-shadow: 0 0 8px rgba(0, 255, 255, 0.8);
}

[data-theme="cyberpunk"] .usage-guide {
  background: rgba(20, 20, 30, 0.8);
  border: 2px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .usage-guide h2 {
  color: #0ff;
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
}

[data-theme="cyberpunk"] .guide-card {
  background: rgba(40, 20, 60, 0.5);
  border: 1px solid rgba(0, 255, 255, 0.2);
}

[data-theme="cyberpunk"] .guide-card h3 {
  color: #f0f;
  text-shadow: 0 0 8px rgba(255, 0, 255, 0.6);
}

[data-theme="cyberpunk"] .guide-card ol,
[data-theme="cyberpunk"] .guide-card ul {
  color: #e0e0e0;
}

[data-theme="cyberpunk"] .guide-card code {
  background: rgba(0, 255, 255, 0.1);
  color: #0ff;
}

[data-theme="cyberpunk"] .faq h2 {
  color: #0ff;
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
}

[data-theme="cyberpunk"] .faq-item {
  background: rgba(20, 20, 30, 0.8);
  border-left: 4px solid rgba(0, 255, 255, 0.5);
}

[data-theme="cyberpunk"] .faq-item h3 {
  color: #0ff;
}

[data-theme="cyberpunk"] .faq-item p {
  color: #e0e0e0;
}

/* ============================================
   WHO WE BACK PAGE - CYBERPUNK THEME
   ============================================ */

[data-theme="cyberpunk"] .who-we-back {
  background: rgba(0, 20, 30, 0.6);
  border: 2px solid rgba(0, 255, 255, 0.4);
}

[data-theme="cyberpunk"] .who-we-back h2 {
  color: #0ff;
  text-shadow: 0 0 20px rgba(0, 255, 255, 0.8);
}

[data-theme="cyberpunk"] .section-heading {
  color: #0ff;
  text-shadow: 0 0 15px rgba(0, 255, 255, 0.6);
  border-bottom: 2px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .soundcloud-player {
  background: #1a1a1a;
  border: 2px solid #1e90ff;
  box-shadow: 0 0 20px rgba(30, 144, 255, 0.3), inset 0 0 30px rgba(30, 144, 255, 0.05);
}

[data-theme="cyberpunk"] .partners-grid {
  /* Grid structure defined in base.css */
}

[data-theme="cyberpunk"] .partner-card {
  background: rgba(17, 17, 17, 0.8);
  border: 1px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .partner-card:hover {
  border-color: rgba(0, 255, 255, 0.6);
  box-shadow: 0 4px 20px rgba(0, 255, 255, 0.3);
  transform: translateY(-5px);
}

[data-theme="cyberpunk"] .partner-card.featured {
  border: 2px solid rgba(0, 255, 255, 0.6);
  background: linear-gradient(135deg, rgba(0, 50, 100, 0.3), rgba(17, 17, 17, 0.8));
}

[data-theme="cyberpunk"] .partner-card.featured:hover {
  border-color: rgba(0, 255, 255, 0.9);
  box-shadow: 0 6px 30px rgba(0, 255, 255, 0.5);
}

[data-theme="cyberpunk"] .partner-header h3 {
  color: #0ff;
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.6);
}

[data-theme="cyberpunk"] .partner-type {
  color: #f0f;
  background: rgba(255, 0, 255, 0.2);
  border: 1px solid rgba(255, 0, 255, 0.4);
}

[data-theme="cyberpunk"] .partner-description {
  color: #e0e0e0;
}

[data-theme="cyberpunk"] .venue-details,
[data-theme="cyberpunk"] .services {
  color: #0ff;
  background: rgba(0, 255, 255, 0.05);
  border-left-color: rgba(0, 255, 255, 0.5);
}

[data-theme="cyberpunk"] .partner-links {
  border-top: 1px solid rgba(0, 255, 255, 0.2);
}

[data-theme="cyberpunk"] .partner-links a {
  color: #0ff;
}

[data-theme="cyberpunk"] .partner-links a:hover {
  color: #f0f;
  text-shadow: 0 0 10px rgba(255, 0, 255, 0.8);
}

[data-theme="cyberpunk"] .who-we-back-footer {
  background: rgba(0, 255, 255, 0.05);
  border: 1px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .who-we-back-footer p {
  color: #0ff;
}

/* ============================================
   COLLECTIVE PAGE - CYBERPUNK THEME
   ============================================ */

[data-theme="cyberpunk"] .collective-section h2 {
  color: #0ff;
  text-shadow: 0 0 15px rgba(0, 255, 255, 0.6);
}

[data-theme="cyberpunk"] .release-card,
[data-theme="cyberpunk"] .video-card {
  background: rgba(20, 20, 30, 0.8);
  border: 1px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .release-card:hover,
[data-theme="cyberpunk"] .video-card:hover {
  border-color: #0ff;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.4);
  transform: translateY(-5px);
}

[data-theme="cyberpunk"] .placeholder-artwork {
  background: rgba(0, 255, 255, 0.1);
  border: 2px dashed rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .release-info h3,
[data-theme="cyberpunk"] .video-info h3 {
  color: #0ff;
}

[data-theme="cyberpunk"] .release-meta,
[data-theme="cyberpunk"] .video-meta {
  color: #888;
}

[data-theme="cyberpunk"] .placeholder-text {
  color: #666;
}

[data-theme="cyberpunk"] .event-entry {
  background: rgba(20, 20, 30, 0.6);
  border-left: 4px solid #0ff;
}

[data-theme="cyberpunk"] .event-header h3 {
  color: #0ff;
}

[data-theme="cyberpunk"] .event-date {
  color: #888;
}

[data-theme="cyberpunk"] .photo-grid img {
  border: 1px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .photo-grid img:hover {
  border-color: #0ff;
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.4);
  transform: scale(1.02);
}

[data-theme="cyberpunk"] .photo-placeholder {
  background: rgba(0, 255, 255, 0.05);
  border: 2px dashed rgba(0, 255, 255, 0.2);
}

[data-theme="cyberpunk"] .photo-placeholder:hover {
  background: rgba(0, 255, 255, 0.1);
  border-color: rgba(0, 255, 255, 0.4);
}

[data-theme="cyberpunk"] .photo-placeholder p {
  color: #666;
}

[data-theme="cyberpunk"] .event-description {
  color: #ccc;
}

[data-theme="cyberpunk"] .video-placeholder {
  background: rgba(0, 255, 255, 0.05);
  border-bottom: 2px solid rgba(0, 255, 255, 0.2);
}

[data-theme="cyberpunk"] .video-placeholder p {
  color: #666;
}

[data-theme="cyberpunk"] .video-description {
  color: #ccc;
}

[data-theme="cyberpunk"] .member-card {
  background: rgba(20, 20, 30, 0.6);
  border: 1px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .member-card:hover {
  border-color: #0ff;
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
  transform: translateY(-3px);
}

[data-theme="cyberpunk"] .member-avatar {
  background: rgba(0, 255, 255, 0.1);
  border: 2px dashed rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .member-video {
  border: 1px solid rgba(0, 255, 255, 0.3);
}

[data-theme="cyberpunk"] .member-info h3 {
  color: #0ff;
}

[data-theme="cyberpunk"] .member-role {
  color: #888;
}

[data-theme="cyberpunk"] .member-bio {
  color: #ccc;
}

/* This file will be extended with additional component styles as needed */