:root { --bg:#0b1220; --card:#111a2e; --text:#e7eefc; --muted:#9fb0d0; }
body { background:#0f172a; color:#e5e7eb; }
.navbar { background: rgba(2,6,23,.9)!important; backdrop-filter: blur(8px); }
.card { background:#0b1220; border:1px solid rgba(255,255,255,.08); }
.table { color:#e5e7eb; }
.table thead th { color:#cbd5e1; }
.badge-soft { background: rgba(59,130,246,.15); color:#93c5fd; border:1px solid rgba(59,130,246,.25); }
.small-muted { color:#94a3b8; }
.ad-slot { background: rgba(255,255,255,.03); }
hr { border-color: rgba(255,255,255,.10); }
a { color:#93c5fd; }

/* ===== Financier Tycoon Home ===== */
.ft-hero {
  background:
    radial-gradient(900px 450px at 20% 10%, rgba(34, 197, 94, .18), transparent 60%),
    radial-gradient(800px 400px at 80% 20%, rgba(212, 175, 55, .18), transparent 55%),
    radial-gradient(800px 500px at 50% 120%, rgba(59, 130, 246, .08), transparent 60%),
    linear-gradient(180deg, rgba(2,6,23,.95), rgba(15,23,42,.95));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 80px rgba(0,0,0,.45);
  border-radius: 18px;
  overflow: hidden;
}

.ft-badge {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  padding: .35rem .7rem;
  border-radius: 999px;
  background: rgba(212,175,55,.10);
  border: 1px solid rgba(212,175,55,.25);
  color: #f7e7a8;
  font-size: .85rem;
}

.ft-logo-wrap {
  width: 86px;
  height: 86px;
  border-radius: 18px;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.10);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1px rgba(212,175,55,.10);
}

.ft-logo-wrap img {
  max-width: 76px;
  max-height: 76px;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.55));
}

.ft-title {
  letter-spacing: .3px;
  text-shadow: 0 12px 40px rgba(0,0,0,.55);
}

.ft-gold {
  background: linear-gradient(90deg, #f8e7a1, #d4af37, #fff2c7);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.ft-green {
  color: #22c55e;
  text-shadow: 0 12px 40px rgba(0,0,0,.55);
}

.ft-cta {
  border-radius: 14px;
  padding: .85rem 1.1rem;
  font-weight: 700;
}

.ft-cta-primary {
  background: linear-gradient(90deg, rgba(212,175,55,.95), rgba(248,231,161,.95));
  border: 1px solid rgba(255,255,255,.12);
  color: #111827;
}

.ft-cta-primary:hover { filter: brightness(1.03); }

.ft-cta-secondary {
  background: rgba(34,197,94,.12);
  border: 1px solid rgba(34,197,94,.30);
  color: #bbf7d0;
}

.ft-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: .75rem;
}

@media (max-width: 992px) {
  .ft-kpis { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

.ft-kpi {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: .9rem;
}

.ft-kpi .label { color: rgba(226,232,240,.75); font-size: .85rem; }
.ft-kpi .value { font-size: 1.25rem; font-weight: 800; }

.ft-card {
  background: rgba(2,6,23,.55);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
}

.ft-card .card-body { padding: 1.1rem; }

.ft-list li { margin-bottom: .45rem; }

.ft-seo {
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 1.2rem;
}

.ft-faq .accordion-item {
  background: rgba(255,255,255,.02);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  margin-bottom: .6rem;
  overflow: hidden;
}
.ft-faq .accordion-button {
  background: transparent;
  color: #e5e7eb;
}
.ft-faq .accordion-button:focus { box-shadow: none; }