/* Elite Systems Palette - Strictly scoped to Landing page (NÃO afeta o jogo) */
.landing,
.landing--main-showcase {
  --bg: #02022a !important;
  --bg-soft: #05053b !important;
  --surface: #070744 !important;
  --surface-2: #0d0d58 !important;
  --border: #24246f !important;
  --text: #ffffff !important;
  --text-dim: #b8b8d8 !important;
  --primary: #ffcf00 !important;
  --primary-2: #fff500 !important;
  --accent: #ffcf00 !important;
  --accent-2: #fff500 !important;
  --gold: #ffcf00 !important;
  --card-spin: 0deg;
  background: #02022a !important;
  color: #ffffff !important;
  min-height: 100vh;
}

/* Header in Landing */
.landing .app-header {
  background: linear-gradient(180deg, rgba(2, 2, 42, 0.95) 0%, rgba(2, 2, 42, 0) 100%) !important;
  border-bottom: 1px solid rgba(255, 207, 0, 0.18) !important;
}

.landing .app-logo {
  height: 48px !important;
  max-width: 220px !important;
  object-fit: contain !important;
}

.landing .app-header .btn-ghost {
  color: #ffcf00 !important;
  border: 1px solid rgba(255, 207, 0, 0.35) !important;
  background: rgba(7, 7, 68, 0.6) !important;
}

.landing .app-header .btn-ghost:hover {
  background: rgba(255, 207, 0, 0.15) !important;
  border-color: #ffcf00 !important;
}

.landing .app-header .btn-primary,
.landing .app-header .btn:not(.btn-ghost) {
  background: linear-gradient(135deg, #fff500 0%, #ffcf00 100%) !important;
  color: #02022a !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 16px rgba(255, 207, 0, 0.3) !important;
  border: none !important;
}

/* Hero Section */
.landing .lp-hero {
  background: radial-gradient(circle at 50% 20%, #0d0d58 0%, #02022a 80%) !important;
}

.landing .lp-hero-bg {
  background: radial-gradient(circle at 50% 15%, rgba(13, 13, 88, 0.7) 0%, rgba(2, 2, 42, 0.95) 75%, #02022a 100%) !important;
}

.landing .lp-live-pill {
  color: #ffcf00 !important;
  background: rgba(7, 7, 68, 0.85) !important;
  border: 1px solid rgba(255, 207, 0, 0.4) !important;
  box-shadow: 0 0 14px rgba(255, 207, 0, 0.2) !important;
}

.landing .lp-live-pill .live-dot {
  background: #ffcf00 !important;
  box-shadow: 0 0 8px #fff500 !important;
}

.landing .lp-title {
  color: #ffffff !important;
  text-shadow: 0 4px 18px rgba(0, 0, 0, 0.6) !important;
}

.landing .lp-title-accent {
  color: #ffcf00 !important;
  text-shadow: 0 0 20px rgba(255, 207, 0, 0.5) !important;
}

.landing .lp-title-money {
  color: #fff500 !important;
  text-shadow: 0 0 20px rgba(255, 245, 0, 0.55) !important;
}

.landing .lp-sub {
  color: #b8b8d8 !important;
}

/* Video / Hero Showcase Border */
.landing .lp-hero-banner--video {
  box-shadow: 0 18px 50px rgba(2, 2, 42, 0.8) !important;
}

.landing .lp-hero-banner--video:before {
  background: conic-gradient(from var(--card-spin), #ffcf00 0deg, #fff500 70deg, #0d0d58 135deg, #ffcf00 190deg, #fff500 245deg, #070744 305deg, #ffcf00 360deg) !important;
}

.landing .lp-hero-banner--video:after {
  box-shadow: 0 0 18px rgba(255, 207, 0, 0.35), 0 0 35px rgba(255, 245, 0, 0.2), inset 0 0 10px rgba(255, 207, 0, 0.15) !important;
}

.landing .lp-video-badge {
  background: #02022a !important;
  border: 3px solid #ffcf00 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 5px #02022a, 0 0 20px rgba(255, 207, 0, 0.45) !important;
}

.landing .lp-video-badge strong {
  color: #ffcf00 !important;
}

.landing .lp-video-badge-icon {
  fill: #ffcf00 !important;
}

/* CTA Buttons */
.landing .lp-btn-primary {
  background: linear-gradient(135deg, #fff500 0%, #ffcf00 100%) !important;
  color: #02022a !important;
  box-shadow: 0 8px 30px rgba(255, 207, 0, 0.35) !important;
  border: 1px solid #fff500 !important;
}

.landing .lp-btn-primary:hover {
  filter: brightness(1.05);
  box-shadow: 0 10px 36px rgba(255, 207, 0, 0.5) !important;
}

.landing .lp-btn-link {
  color: #ffcf00 !important;
}

.landing .lp-btn-link:hover {
  color: #fff500 !important;
  text-decoration: underline;
}

/* Trust items */
.landing .lp-trust-item {
  background: rgba(7, 7, 68, 0.7) !important;
  border: 1px solid #24246f !important;
  color: #b8b8d8 !important;
}

.landing .lp-trust-item strong,
.landing .lp-trust-icon {
  color: #ffcf00 !important;
}

/* Stats */
.landing .lp-stat {
  background: #070744 !important;
  border: 1px solid #24246f !important;
  box-shadow: 0 8px 24px rgba(2, 2, 42, 0.5) !important;
}

.landing .lp-stat-value {
  color: #ffcf00 !important;
  text-shadow: 0 0 14px rgba(255, 207, 0, 0.3) !important;
}

.landing .lp-stat-label {
  color: #b8b8d8 !important;
}

/* How to play Section */
.landing .lp-howto {
  background: #05053b !important;
  border-top: 1px solid #24246f !important;
  border-bottom: 1px solid #24246f !important;
}

.landing .lp-howto-icon {
  color: #ffcf00 !important;
}

.landing .lp-howto-title {
  color: #ffffff !important;
}

.landing .lp-howto-sub {
  color: #b8b8d8 !important;
}

.landing .lp-howto-card {
  background: #070744 !important;
  border: 1px solid #24246f !important;
  box-shadow: 0 12px 32px rgba(2, 2, 42, 0.6) !important;
}

.landing .lp-howto-card h3 {
  color: #ffffff !important;
}

.landing .lp-howto-card p {
  color: #b8b8d8 !important;
}

.landing .lp-howto-visual {
  background: #02022a !important;
  border-bottom: 1px solid #24246f !important;
}

.landing .lp-howto-visual--board {
  background: radial-gradient(circle at 50% 30%, rgba(255, 207, 0, 0.15), rgba(2, 2, 42, 0.9) 60%), #02022a !important;
}

.landing .lp-howto-badge {
  background: linear-gradient(135deg, #fff500, #ffcf00) !important;
  color: #02022a !important;
  box-shadow: 0 4px 14px rgba(255, 207, 0, 0.4) !important;
}

/* Reviews */
.landing .lp-section-title {
  color: #ffffff !important;
}

.landing .lp-section-sub {
  color: #b8b8d8 !important;
}

.landing .lp-review {
  background: #070744 !important;
  border: 1px solid #24246f !important;
  box-shadow: 0 8px 24px rgba(2, 2, 42, 0.5) !important;
}

.landing .lp-review-stars {
  color: #ffcf00 !important;
}

.landing .lp-review-text {
  color: #ffffff !important;
}

.landing .lp-review-name {
  color: #ffffff !important;
}

.landing .winner-avatar {
  background: linear-gradient(135deg, #fff500, #ffcf00) !important;
  color: #02022a !important;
  font-weight: 900;
}

.landing .lp-review-badge {
  color: #ffcf00 !important;
}

/* Final CTA */
.landing .lp-final {
  background: transparent !important;
}

.landing .lp-final h2 {
  color: #ffffff !important;
}

.landing .lp-final p {
  color: #b8b8d8 !important;
}

/* Footer */
.landing .lp-footer {
  background: #02022a !important;
  border-top: 1px solid #24246f !important;
}

.landing .lp-footer-logo {
  max-width: 240px !important;
  height: 60px !important;
  object-fit: contain !important;
}

.landing .lp-footer-copy {
  color: #b8b8d8 !important;
}

.landing .lp-footer-note {
  color: #7878a8 !important;
}
