:root{
  --bg:#0b0f15; --br:#1c2230; --txt:#e6edf3;
  --shadow:0 10px 26px rgba(0,0,0,.35);
  --gradA:#ffd54a; --gradB:#7dd3fc;
}
.excards{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:24px}
/* gradient border using double background trick */
.excard{
  position:relative;border:1px solid transparent;border-radius:22px;overflow:hidden;
  background:
    linear-gradient(var(--bg), var(--bg)) padding-box,
    linear-gradient(135deg, var(--gradA), var(--gradB)) border-box;
  box-shadow:var(--shadow);
  color:var(--txt);
  transition:transform .18s ease, box-shadow .18s ease;
}
.excard:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(0,0,0,.45); }
.excard-header{
  display:flex;justify-content:space-between;align-items:center;
  margin:16px; padding:0; background:transparent;
}
.excard-title{font-size:20px;font-weight:900;letter-spacing:.2px}
/* Broker badge */
.excard-badge{font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);backdrop-filter:blur(6px)}
.excard-badge.badge-exness{background:#ffd400;color:#111;border-color:#ffe480}
.excard-badge.badge-xm{background:#e60012}
.excard-badge.badge-ic-markets{background:#00a878}
.excard-badge.badge-fbs{background:#1aa94c}
.excard-hero img{width:100%;height:220px;object-fit:cover;display:block;border-top:1px solid var(--br);border-bottom:1px solid var(--br)}
.excard-body{padding-top:4px}
.excard-row{display:flex;justify-content:space-between;align-items:flex-end;padding:14px 16px 0}
.excard-row .label{font-size:12px;opacity:.75;margin-bottom:6px}
.excard-row .value.big{font-size:28px;font-weight:900}
.excard-row .right .value{font-size:16px}
.excard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:12px 16px}
.excard-grid .label{font-size:12px;opacity:.72;margin-bottom:6px}
.excard-grid .value{font-size:16px;font-weight:700}
.excard-actions{padding:16px}
.exbtn{display:block;text-align:center;background:#ffe000;color:#000;padding:13px 16px;border-radius:14px;font-weight:900;text-decoration:none}
.exbtn:hover{opacity:.95;transform:translateY(-1px)}
@media(max-width:900px){.excards{grid-template-columns:1fr}.excard-hero img{height:180px}}