@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;900&family=Outfit:wght@600;700;800&family=Space+Grotesk:wght@600;700&display=swap');

.artist-card-header {
  padding: 12px 16px;
  text-align: center;
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
}

.artist-card-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.25));
}

.artist-card-logo--nzz {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0px;
  font-family: 'Oswald', sans-serif;
}

.artist-card-logo--nzz span {
  color: #00ff88;
}

#nzz .artist-card-header {
  background: transparent;
}

[data-theme="light"] #nzz .artist-card-header {
  background: transparent;
}

[data-theme="light"] .artist-card-logo--nzz {
  color: #1a1a1a;
}

[data-theme="light"] .artist-card-logo--nzz span {
  color: #00bf63;
}

.artist-card-logo--nalivnoy {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 2px;
}

.artist-card-logo--nalivnoy span {
  color: #00ff88;
  font-weight: 900;
}

#nalivnoy .artist-card-header {
  background: transparent;
}

[data-theme="light"] #nalivnoy .artist-card-header {
  background: transparent;
}

[data-theme="light"] .artist-card-logo--nalivnoy {
  color: #1a1a1a;
}

[data-theme="light"] .artist-card-logo--nalivnoy span {
  color: #00bf63;
}

.artist-card-logo--nozombiezone {
  font-family: "Trebuchet MS", "Segoe UI", sans-serif;
  font-size: 1.45rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  --logo-c1: #ffb347;
  --logo-c2: #ff7a18;
  --logo-c3: #d9480f;
  --logo-stroke: rgba(255, 179, 71, 0.45);
  --logo-glow: rgba(255, 122, 24, 0.35);
  background: linear-gradient(115deg, var(--logo-c1) 0%, var(--logo-c2) 45%, var(--logo-c3) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-stroke: 1px var(--logo-stroke);
  text-shadow:
    0 8px 18px rgba(0, 0, 0, 0.22),
    0 0 16px var(--logo-glow);
}

#nozombiezone .artist-card-header {
  background: transparent;
}

[data-theme="light"] #nozombiezone .artist-card-header {
  background: transparent;
}

[data-theme="light"] .artist-card-logo--nozombiezone {
  --logo-c1: #f59e0b;
  --logo-c2: #ea580c;
  --logo-c3: #c2410c;
  --logo-stroke: rgba(194, 65, 12, 0.32);
  --logo-glow: rgba(245, 158, 11, 0.2);
}

.artist-card-logo--neutrezerozone {
  font-size: 1.5rem;
  font-weight: 800;
  font-family: 'Outfit', sans-serif;
  background: linear-gradient(135deg, #e6f7ff 0%, #00d4ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

#neutrezerozone .artist-card-header {
  background: transparent;
}

[data-theme="light"] #neutrezerozone .artist-card-header {
  background: transparent;
}

[data-theme="light"] .artist-card-logo--neutrezerozone {
  background: linear-gradient(135deg, #0b1c22 0%, #007aa3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.artist-card-logo--dhmi {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-main);
  text-transform: uppercase;
  letter-spacing: 2px;
  --logo-gradient: linear-gradient(120deg, #f8fbff 0%, #72f0d7 55%, #4fff61 100%);
}

#dhmi .artist-card-header {
  background: transparent;
}

[data-theme="light"] #dhmi .artist-card-header {
  background: transparent;
}

.artist-card-footer {
  background: transparent;
}

#nzz.artist-card {
  background: radial-gradient(circle at 50% 50%, #1a1a1a 0%, #0a0a0a 100%);
}

[data-theme="light"] #nzz.artist-card {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

#nalivnoy.artist-card {
  background: radial-gradient(circle at 50% 50%, #1a1a1a 0%, #0a0a0a 100%);
}

[data-theme="light"] #nalivnoy.artist-card {
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

#nozombiezone.artist-card {
  background:
    radial-gradient(circle at 15% 10%, rgba(255, 159, 63, 0.22), transparent 36%),
    radial-gradient(circle at 80% 0%, rgba(76, 166, 255, 0.16), transparent 32%),
    #0f1419;
}

[data-theme="light"] #nozombiezone.artist-card {
  background:
    radial-gradient(circle at 15% 10%, rgba(245, 158, 11, 0.18), transparent 36%),
    radial-gradient(circle at 80% 0%, rgba(76, 166, 255, 0.12), transparent 32%),
    #f4f8fc;
}

#neutrezerozone.artist-card {
  background: radial-gradient(circle at 50% 40%, #0f2a33 0%, #05080d 60%, #020406 100%);
}

[data-theme="light"] #neutrezerozone.artist-card {
  background: linear-gradient(135deg, #f4fbff 0%, #d7ecf5 100%);
}

#dhmi.artist-card {
  background:
    radial-gradient(1200px circle at 10% -20%, rgba(111, 230, 200, 0.18), transparent 50%),
    radial-gradient(900px circle at 90% 0%, rgba(59, 130, 246, 0.12), transparent 45%),
    linear-gradient(180deg, #0b0f14 0%, #0c121c 100%);
}

[data-theme="light"] #dhmi.artist-card {
  background:
    radial-gradient(1200px circle at 0% -20%, rgba(15, 118, 110, 0.12), transparent 50%),
    radial-gradient(900px circle at 100% 0%, rgba(59, 130, 246, 0.1), transparent 45%),
    linear-gradient(180deg, #f6f7fb 0%, #e9edf4 100%);
}

[data-theme="light"] .artist-card-logo--dhmi {
  --logo-gradient: linear-gradient(120deg, #0b1220 0%, #0f766e 55%, #1eaf25 100%);
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .artist-card-logo--dhmi {
    background: var(--logo-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}

@media (max-width: 480px) {
  .artist-card-header {
    min-height: 60px;
    padding: 10px 12px;
  }

  .artist-card-logo {
    font-size: 1.25rem;
  }
}