/* v20260921-hero-greeting01: keep the greeting lead together on narrow screens. */
.view-section[data-view="home"] {
  --home-hero-shell-radius: 34px;
}

.view-section[data-view="home"] > .hero-panel {
  --hero-premium-text: #f5f5f7;
  --hero-premium-muted: #a7a9b0;
  --hero-premium-border: rgba(255, 255, 255, 0.075);
  --hero-premium-border-soft: rgba(255, 255, 255, 0.065);
  --hero-premium-accent: #ef3224;
  --hero-premium-secondary: #2c2c2e;
  border-color: var(--hero-premium-border) !important;
  border-radius: var(--home-hero-shell-radius) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(185, 61, 255, 0.04), transparent 32%),
    linear-gradient(180deg, #121318 0%, #0b0c0f 100%) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--hero-premium-text) !important;
  position: relative;
}

html.miniapp-dashboard body:not(.backtest-mode) .view-section[data-view="home"] > .hero-panel .hero-scroll-indicator {
  position: absolute;
  top: 8px;
  left: 50%;
  z-index: 3;
  display: block;
  width: 42px;
  height: 5px;
  border-radius: 999px;
  background: rgba(245, 245, 247, 0.32);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  transform: translateX(-50%);
  pointer-events: none;
}

.view-section[data-view="home"] > .hero-panel::before,
.view-section[data-view="home"] > .hero-panel::after {
  display: none !important;
  content: none !important;
}

.view-section[data-view="home"] > .hero-panel h2,
.view-section[data-view="home"] > .hero-panel .stat-currency-values {
  color: var(--hero-premium-text) !important;
}

.view-section[data-view="home"] > .hero-panel h2 {
  font-weight: 900 !important;
}

.view-section[data-view="home"] > .hero-panel #heroHeadline .hero-greeting-lead {
  display: inline-block;
  white-space: nowrap;
}

.view-section[data-view="home"] > .hero-panel .hero-text,
.view-section[data-view="home"] > .hero-panel .hero-trust-label,
.view-section[data-view="home"] > .hero-panel .stat-sub,
.view-section[data-view="home"] > .hero-panel .hero-stats-note {
  color: var(--hero-premium-muted) !important;
}

.view-section[data-view="home"] > .hero-panel .hero-trust-pill,
.view-section[data-view="home"] > .hero-panel .hero-stats .stat-card,
.view-section[data-view="home"] > .hero-panel .hero-stats-note {
  border-color: var(--hero-premium-border-soft) !important;
  background: #15161a !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] > .hero-panel .hero-stats .stat-card-featured {
  border-color: rgba(239, 50, 36, 0.22) !important;
  background: #15161a !important;
}

.view-section[data-view="home"] > .hero-panel .hero-trust-icon {
  border-color: rgba(255, 255, 255, 0.075) !important;
  background: #24252a !important;
  color: #d7d8dc !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] > .hero-panel .hero-trust-pill.is-payout .hero-trust-icon {
  border-color: rgba(239, 50, 36, 0.24) !important;
  background: rgba(239, 50, 36, 0.15) !important;
  color: #ff918b !important;
}

.view-section[data-view="home"] > .hero-panel .hero-cta-button {
  border-color: var(--hero-premium-accent) !important;
  background: var(--hero-premium-accent) !important;
  color: #fff4f3 !important;
  box-shadow: none !important;
  transition: transform 120ms ease !important;
}

.view-section[data-view="home"] > .hero-panel .hero-cta-button:hover {
  border-color: rgba(255, 255, 255, 0.28) !important;
  background: #f44336 !important;
}

.view-section[data-view="home"] > .hero-panel .hero-cta-button:active {
  background: #d72a20 !important;
  box-shadow: none !important;
}

.view-section[data-view="home"] > .hero-panel .hero-cta-button .hero-cta-icon {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.11) !important;
  color: #ffffff !important;
}

.view-section[data-view="home"] > .hero-panel .hero-alt-button {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background: transparent !important;
  color: #f5f5f7 !important;
  box-shadow: none !important;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background-color 120ms ease !important;
}

.view-section[data-view="home"] > .hero-panel .hero-alt-button:hover {
  border-color: rgba(255, 255, 255, 0.34) !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.view-section[data-view="home"] > .hero-panel .hero-alt-button:active {
  border-color: rgba(255, 255, 255, 0.42) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

html.miniapp-dashboard body:not(.admin-page) .view-section[data-view="home"] > .hero-panel .hero-actions-stack {
  gap: 8px !important;
}

.view-section[data-view="home"] > .hero-panel .hero-cta-button,
.view-section[data-view="home"] > .hero-panel .hero-alt-button {
  border-radius: 14px !important;
}

.view-section[data-view="home"] > .hero-panel .hero-action-divider,
.view-section[data-view="home"] > .hero-panel .stat-label {
  color: #777982 !important;
}

.view-section[data-view="home"] > .hero-panel .stat-info-button {
  border-color: rgba(255, 255, 255, 0.075) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  color: #a7a9b0 !important;
}

.view-section[data-view="home"] > .hero-panel .hero-cta-button:focus-visible,
.view-section[data-view="home"] > .hero-panel .hero-alt-button:focus-visible,
.view-section[data-view="home"] > .hero-panel .stat-info-button:focus-visible {
  outline: 2px solid rgba(239, 50, 36, 0.78) !important;
  outline-offset: 3px !important;
}

@media (prefers-reduced-motion: reduce) {
  .view-section[data-view="home"] > .hero-panel .hero-cta-button,
  .view-section[data-view="home"] > .hero-panel .hero-alt-button {
    transition: none !important;
  }
}

@media (max-width: 440px) {
  html[lang="ru"] body:not(.admin-page) .view-section[data-view="home"] > .hero-panel #heroHeadline {
    font-size: clamp(26px, 8.3vw, 34px) !important;
  }
}