/* Zent identity v2 — local candidate. No logo, provider, game, or wheel selectors.
   Load after the base application theme, NOT alongside v1 artwork overrides. */
:root, .dark {
  --bg-primary: 18 20 18;
  --bg-secondary: 26 29 25;
  --bg-tertiary: 35 39 32;
  --bg-elevated: 30 34 28;
  --bg-surface: 26 29 25;
  --bg-accent: 181 230 55;
  --bg-accent-subtle: 181 230 55 / .12;
  --content-primary: 246 248 239;
  --content-secondary: 183 191 175;
  --content-tertiary: 160 172 151;
  --content-on-accent: 18 20 18;
  --btn-primary: 181 230 55;
  --btn-primary-hover: 201 243 100;
  --btn-content-primary: 246 248 239;
  --btn-content-secondary: 183 191 175;
  --btn-content-accent: 181 230 55;
  --btn-content-accent-hover: 201 243 100;
  --border-container: 183 191 175 / .20;
  --border-divider: 183 191 175 / .14;
  --border-focus: 181 230 55;
  --control-neutral: 183 191 175 / .12;
  --control-neutral-hover: 183 191 175 / .20;
  --tab-base-accent-selected: 181 230 55;
  --tab-ghost-accent-selected: 181 230 55;
  --bg-vip-badge: 181 230 55;
  --zent-v2-lime: #b5e637;
  --zent-v2-charcoal: #121412;
}
.zent-v2-banner {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #f6f8ef;
  background: radial-gradient(ellipse at 85% 80%, #303d1b, transparent 60%), #121412;
  border: 1px solid #39412f;
  border-radius: 24px;
}
.zent-v2-banner::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
  inset: -10%;
  opacity: .16;
  background: radial-gradient(ellipse at 82% 48%, #b5e63755, transparent 46%);
}
.zent-v2-banner .zent-v2-art {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.zent-v2-banner .zent-v2-copy { position: relative; z-index: 2; }
.zent-v2-banner .zent-v2-eyebrow { color: #b5e637; letter-spacing: .16em; font-size: .75rem; font-weight: 750; }
.zent-v2-banner h1, .zent-v2-banner h2 { margin: 18px 0; letter-spacing: -.055em; line-height: 1.02; text-wrap: balance; }
.zent-v2-banner h1 { font-size: clamp(2.5rem, 5.7vw, 5.6rem); }
.zent-v2-banner h2 { font-size: clamp(2rem, 3.4vw, 3.5rem); }
.zent-v2-banner em { color: #b5e637; font-style: normal; }
.zent-v2-banner p { color: #b7bfaf; line-height: 1.6; }
.zent-v2-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 48px;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: #b5e637;
  color: #121412;
  font: 750 .9375rem/1.3 system-ui, sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.zent-v2-cta:hover { background: #c9f364; }
.zent-v2-cta:focus-visible, button[data-zent-v2-motion]:focus-visible {
  outline: 3px solid #f6f8ef;
  outline-offset: 4px;
}
/* One quiet entrance, under five seconds; no looping/flashing or functional art. */
@media (prefers-reduced-motion: no-preference) {
  .zent-v2-banner::before { animation: zent-v2-glow 4.5s ease-in-out 1; }
  .zent-v2-banner .zent-v2-art { animation: zent-v2-float 4.5s ease-in-out 1; }
}
@keyframes zent-v2-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes zent-v2-glow { 0%, 100% { opacity: .16; } 50% { opacity: .24; } }
html[data-zent-v2-motion="off"] .zent-v2-banner::before,
html[data-zent-v2-motion="off"] .zent-v2-banner .zent-v2-art {
  animation: none !important;
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .zent-v2-banner::before, .zent-v2-banner .zent-v2-art {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}
@media (max-width: 599px) { .zent-v2-banner { border-radius: 20px; } }