/* Shared BuyTRX legal pages — dark, Facebook Ads–ready */
:root{
  --bg:#0f172a;
  --panel:#0c1530;
  --panel-2:#142546;
  --blue:#007fe9;
  --blue-deep:#0061b1;
  --text:#e2e8f2;
  --muted:#94a3b8;
  --red:#ff1b1b;
  --line:rgba(0,127,233,.28);
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'DM Sans',Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 25% 30%,rgba(30,64,175,.25),transparent 40%),
    radial-gradient(circle at 80% 70%,rgba(59,130,246,.15),transparent 50%),
    var(--bg);
  background-attachment:fixed;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
a{color:#7dd3fc;text-decoration:none;}
a:hover{color:#fff;}
.wrap{max-width:760px;margin:0 auto;padding:0 16px 48px;}
.topbar{
  max-width:760px;margin:0 auto;padding:18px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.logo{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Syne',sans-serif;font-weight:800;font-size:24px;letter-spacing:.04em;
  color:#fff;height:40px;line-height:1;
}
.logo-mark{
  width:40px;height:40px;border-radius:10px;flex:0 0 40px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1.5px solid rgba(0,127,233,.85);
  background:linear-gradient(160deg,rgba(0,127,233,.28),rgba(15,23,42,.55));
  box-shadow:0 0 16px rgba(0,127,233,.35);
}
.logo-mark svg{width:22px;height:22px;display:block;}
.logo .buy{color:var(--red);}
.back{font-size:14px;font-weight:600;color:var(--muted);}
.back:hover{color:#fff;}
.card{
  border-radius:12px;padding:1px;
  background:linear-gradient(135deg,rgba(0,127,233,.55),rgba(59,130,246,.15) 40%,rgba(0,127,233,.25));
  box-shadow:0 0 3px rgba(0,127,233,.5),0 0 6px rgba(0,127,233,.3);
}
.card-inner{
  background:rgba(12,21,48,.94);
  border-radius:11px;padding:28px 22px;
}
.eyebrow{
  display:inline-flex;margin-bottom:10px;
  font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#60a5fa;
}
h1{
  font-family:'Syne',sans-serif;font-size:clamp(28px,5vw,36px);font-weight:800;
  letter-spacing:-0.03em;color:#fff;margin:0 0 10px;line-height:1.15;
}
.lead{color:var(--muted);font-size:15px;margin:0 0 8px;}
.meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:#64748b;font-size:12.5px;margin:14px 0 0;}
.toc{
  display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 8px;
}
.toc a{
  display:inline-flex;padding:7px 11px;border-radius:999px;
  background:#142546;border:1px solid #334155;color:#cbd5e1;font-size:12.5px;font-weight:600;
}
.toc a:hover{border-color:var(--blue);color:#fff;}
.section{padding:22px 0;border-top:1px solid rgba(51,65,85,.7);}
.section:first-of-type{border-top:0;padding-top:8px;}
.section h2{
  font-size:18px;font-weight:800;color:#fff;margin:0 0 10px;letter-spacing:-0.02em;
}
.section p,.section li{color:#cbd5e1;font-size:14.5px;margin:0 0 10px;}
.section ul{padding-left:18px;margin:0 0 10px;}
.section li{margin-bottom:6px;}
.note{
  margin-top:8px;padding:12px 14px;border-radius:10px;
  background:rgba(0,127,233,.08);border:1px solid rgba(0,127,233,.25);
  color:#94a3b8;font-size:13px;
}
.footer{
  text-align:center;padding:22px 8px 10px;color:#64748b;font-size:12.5px;
}
.footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:10px;}
.footer a{color:#94a3b8;}
.footer a:hover{color:#fff;}
@media (max-width:520px){
  .card-inner{padding:22px 16px;}
  .logo{font-size:22px;}
}