:root{
  --bg:#0a1628;
  --bg2:#0f2342;
  --surface:rgba(255,255,255,.09);
  --surfaceStrong:rgba(12,22,42,.97);
  --bd:rgba(255,255,255,.14);
  --tx:#f2f6fc;
  --mut:rgba(242,246,252,.82);
  --accent:#5ba8e8;
  --accent2:#d4a574;
  --accentGold:#c99a5f;
  --shadow:0 24px 62px rgba(4,12,28,.28);
  --glass:rgba(8,18,38,.86);
  --heroGlow:rgba(91,168,232,.16);
  --heroGlow2:rgba(212,165,116,.10);
  --softText:#e3ecf8;
  --patternLine:rgba(255,255,255,.03);
  --patternGold:rgba(212,165,116,.04);
}

html[data-theme-key="theme-oscuro"] body{
  background:
    repeating-linear-gradient(90deg, transparent 0px, transparent 38px, var(--patternLine) 38px, var(--patternLine) 39px),
    repeating-linear-gradient(0deg, transparent 0px, transparent 120px, var(--patternGold) 120px, var(--patternGold) 121px),
    radial-gradient(1200px 800px at 15% 0%, rgba(91,168,232,.08), transparent 65%),
    radial-gradient(1000px 700px at 85% 5%, rgba(212,165,116,.06), transparent 65%),
    linear-gradient(160deg, #0a1628, #0f2342, #081320) !important;
}

html[data-theme-key="theme-oscuro"] .topbar{
  border-bottom:1px solid rgba(212,165,116,.12);
}

html[data-theme-key="theme-oscuro"] .topbar::after{
  content:"";
  position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,165,116,.24) 50%, transparent);
}

html[data-theme-key="theme-oscuro"] .heroCard{
  border:1px solid rgba(212,165,116,.16);
}

html[data-theme-key="theme-oscuro"] .heroCard::before{
  content:"";
  position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg, transparent, rgba(212,165,116,.32) 50%, transparent);
}

html[data-theme-key="theme-oscuro"] .heroCard::after{
  background-image:url('/assets/brand/epo92-logo-outline-blue-exact.png');
  opacity:.11;
}

html[data-theme-key="theme-oscuro"] .badge{
  background:linear-gradient(135deg, rgba(91,168,232,.14), rgba(212,165,116,.12));
  border:1px solid rgba(212,165,116,.24);
  color:var(--accentGold);
}

html[data-theme-key="theme-oscuro"] .card{
  border:1px solid rgba(255,255,255,.10);
  position:relative;
}

html[data-theme-key="theme-oscuro"] .card::after{
  content:"";
  position:absolute;top:0;left:0;width:3px;height:100%;
  background:linear-gradient(180deg, transparent, rgba(212,165,116,.28) 50%, transparent);
  opacity:.6;
}

html[data-theme-key="theme-oscuro"] .btn.primary{
  border:1px solid rgba(212,165,116,.28);
  background:linear-gradient(135deg, rgba(91,168,232,.12), rgba(212,165,116,.08));
}

html[data-theme-key="theme-oscuro"] .btn.primary:hover{
  border-color:rgba(212,165,116,.38);
  background:linear-gradient(135deg, rgba(91,168,232,.18), rgba(212,165,116,.14));
}

html[data-theme-key="theme-oscuro"] .videoTab.is-active{
  border:1px solid rgba(212,165,116,.28);
  background:linear-gradient(135deg, rgba(91,168,232,.14), rgba(212,165,116,.10));
}

html[data-theme-key="theme-oscuro"] .sectionTitle h2::after{
  content:"";
  display:block;width:60px;height:2px;margin:12px auto 0;
  background:linear-gradient(90deg, transparent, var(--accentGold), transparent);
}

html[data-theme-key="theme-oscuro"] .feature{
  border-left:2px solid rgba(212,165,116,.20);
}

html[data-theme-key="theme-oscuro"] .storeMockupBadge{
  background:linear-gradient(135deg, var(--accent), var(--accentGold));
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}