/* Neon Theme - Cyberpunk inspired with glowing effects */
.theme-neon {
  --profile-bg: #0a0a12;
  --profile-card: #12121f;
  --profile-text: #ffffff;
  --profile-text-secondary: #a78bfa;
  --profile-primary: #00ffff;
  --profile-border: rgba(0, 255, 255, 0.15);
}

.theme-neon .profile-page {
  background: 
    radial-gradient(ellipse at 30% 10%, rgba(0, 255, 255, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 70% 90%, rgba(255, 0, 255, 0.08) 0%, transparent 50%),
    #0a0a12;
}

.theme-neon .profile-avatar {
  border-color: #00ffff;
  box-shadow: 
    0 0 20px rgba(0, 255, 255, 0.5),
    0 0 40px rgba(0, 255, 255, 0.3),
    0 0 60px rgba(0, 255, 255, 0.1);
}

.theme-neon .profile-avatar-default {
  background: linear-gradient(135deg, #00ffff 0%, #ff00ff 100%);
  box-shadow: 
    0 0 20px rgba(0, 255, 255, 0.5),
    0 0 40px rgba(0, 255, 255, 0.3);
}

.theme-neon .profile-name {
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.5);
}

.theme-neon .profile-link {
  background: rgba(18, 18, 31, 0.8);
  border: 1px solid rgba(0, 255, 255, 0.2);
  box-shadow: 0 0 10px rgba(0, 255, 255, 0.05);
}

.theme-neon .profile-link:hover {
  background: rgba(0, 255, 255, 0.1);
  border-color: #00ffff;
  box-shadow: 
    0 0 20px rgba(0, 255, 255, 0.3),
    inset 0 0 20px rgba(0, 255, 255, 0.05);
}

.theme-neon .featured-link {
  background: linear-gradient(135deg, rgba(0, 255, 255, 0.1) 0%, rgba(255, 0, 255, 0.1) 100%);
  border-color: rgba(0, 255, 255, 0.3);
}

.theme-neon .featured-link:hover {
  box-shadow: 
    0 0 30px rgba(0, 255, 255, 0.4),
    0 0 60px rgba(255, 0, 255, 0.2);
}

.theme-neon .featured-link-icon {
  background: linear-gradient(135deg, #00ffff 0%, #ff00ff 100%);
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
}

.theme-neon .profile-link-icon {
  background: rgba(0, 255, 255, 0.15);
}

.theme-neon .profile-link-icon i {
  color: #00ffff;
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.8);
}

.theme-neon .social-icon {
  background: rgba(18, 18, 31, 0.8);
  border-color: rgba(0, 255, 255, 0.2);
}

.theme-neon .social-icon:hover {
  background: #00ffff;
  color: #0a0a12;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.6);
}

.theme-neon .profile-branding a {
  color: #a78bfa;
}