/* ==========================================================
   GorillaCoreEA — Shared Styles
   Used by: index.html and all sub-pages (docs, guide, tips, vps, partner, backtest)
   ========================================================== */

/* ---------- Typography ---------- */
body { font-weight: 400; }
.font-extrabold { font-weight: 600 !important; }
.font-bold      { font-weight: 500 !important; }
.font-semibold  { font-weight: 500 !important; }
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* ---------- Glass cards & glow ---------- */
.glass-card {
  background: rgba(12, 21, 39, 0.7);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(227, 196, 0, 0.08);
}
.glow-gold        { box-shadow: 0 0 60px rgba(227, 196, 0, 0.08), 0 0 120px rgba(227, 196, 0, 0.04); }
.glow-gold-strong { box-shadow: 0 0 30px rgba(227, 196, 0, 0.15), 0 0 80px  rgba(227, 196, 0, 0.08); }

/* ---------- Gradient text ---------- */
.gradient-text {
  background: linear-gradient(135deg, #E3C400, #ffe066);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------- Animations ---------- */
@keyframes float       { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes pulse-glow  { 0%, 100% { opacity: 0.3; } 50% { opacity: 0.6; } }
@keyframes download-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(227,196,0,0.35), 0 0 0 0 rgba(227,196,0,0.0); border-color: rgba(227,196,0,0.4); }
  50%      { box-shadow: 0 0 18px 4px rgba(227,196,0,0.25), 0 0 40px 12px rgba(227,196,0,0.08); border-color: rgba(227,196,0,0.8); }
}

.float-anim     { animation: float 6s ease-in-out infinite; }
.pulse-glow     { animation: pulse-glow 4s ease-in-out infinite; }
.download-glow  { animation: download-pulse 2.6s ease-in-out infinite; }

/* ---------- Misc ---------- */
.stat-card-hover:hover { border-color: rgba(227, 196, 0, 0.3); transform: translateY(-2px); transition: all 0.3s; }
.step-number {
  width: 40px; height: 40px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 16px; flex-shrink: 0;
}
details summary::-webkit-details-marker { display: none; }
details summary::marker { display: none; }
html { scroll-behavior: smooth; }

/* ---------- Hero gradient (index.html) ---------- */
.hero-gradient {
  background:
    radial-gradient(ellipse 80% 60% at 70% 40%, rgba(227,196,0,0.06) 0%, transparent 70%),
    radial-gradient(ellipse 60% 50% at 20% 80%, rgba(34,197,94,0.04) 0%, transparent 60%);
}