/* ============================================================
   FARAZ — legal & info pages shared stylesheet (v51, updated v55)
   Used by: /about /contact /terms /privacy /acceptable-use
            /risk-disclosure /legal (+ fa- siblings)
   Design system mirrors static/css/style.css (dark theme).
   RTL-safe: logical properties only. No external dependencies.
   v55: pages now load Inter + Vazirmatn from Google Fonts (same
   <link> as index.html) and the font stacks below mirror style.css
   exactly — 'Inter' first for Latin, 'Vazirmatn' first in RTL — so
   Farsi text here matches the main site. The v51 «در دست اقدام»
   pending blocks (about/contact) were removed in v55.
   ============================================================ */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;padding:0;
  font-family:'Inter','Vazirmatn',-apple-system,'Segoe UI',Roboto,sans-serif;
  background:#0b0d14;color:#c7cde0;line-height:1.95;font-size:15.5px;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
html[dir="rtl"] body{font-family:'Vazirmatn','Inter',Tahoma,Arial,sans-serif}

/* ---------- top bar ---------- */
.lp-bar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px clamp(16px,4vw,40px);
  background:rgba(11,13,20,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid #232941;
}
.lp-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.lp-brand svg{width:30px;height:30px;flex:none}
.lp-brand span{color:#eef1f8;font-weight:800;letter-spacing:1.6px;font-size:17px}
html[dir="rtl"] .lp-brand span{letter-spacing:0}
.lp-lang{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 14px;border-radius:99px;text-decoration:none;
  color:#9aa3bd;background:#181c2b;border:1px solid #232941;font-size:13px;
  transition:color .2s ease,border-color .2s ease;
}
.lp-lang:hover,.lp-lang:focus-visible{color:#eef1f8;border-color:#3b82f6}

/* ---------- hero ---------- */
.lp-hero{
  padding:clamp(36px,7vw,64px) clamp(16px,4vw,40px) clamp(18px,4vw,28px);
  max-width:920px;margin-inline:auto;
}
.lp-hero h1{
  margin:0 0 10px;color:#eef1f8;font-size:clamp(24px,4vw,34px);line-height:1.35;font-weight:800;
}
.lp-hero .lp-lede{
  margin:0;color:#8f99b5;font-size:15px;max-width:70ch;
}
.lp-updated{
  display:inline-flex;align-items:center;gap:7px;margin-top:14px;
  font-size:12px;color:#7d87a6;background:#131622;border:1px solid #232941;
  border-radius:99px;padding:4px 13px;
}
.lp-updated::before{content:'';width:6px;height:6px;border-radius:50%;background:#3b82f6}

/* ---------- content ---------- */
main{max-width:920px;margin:0 auto;padding:8px clamp(16px,4vw,40px) 56px}
.lp-card{
  background:#131622;border:1px solid #232941;border-radius:16px;
  padding:clamp(18px,3vw,28px);margin-bottom:18px;
}
h2{
  color:#eef1f8;font-size:18.5px;margin:26px 0 10px;font-weight:700;
  display:flex;align-items:center;gap:9px;line-height:1.5;
}
main > .lp-card > h2:first-child{margin-top:0}
h2 .lp-h2i{
  display:inline-flex;width:30px;height:30px;flex:none;align-items:center;justify-content:center;
  background:rgba(59,130,246,.13);border:1px solid rgba(59,130,246,.3);border-radius:9px;color:#3b82f6;
}
h3{color:#dbe1ef;font-size:15.5px;margin:18px 0 8px;font-weight:700}
p{margin:9px 0}
ul,ol{margin:9px 0;padding-inline-start:22px}
li{margin:7px 0}
a{color:#6ea8ff;text-decoration:none}
a:hover,a:focus-visible{text-decoration:underline}
strong,b{color:#e7ebf5;font-weight:700}
.lp-num{
  display:inline-flex;width:22px;height:22px;margin-inline-end:9px;flex:none;
  align-items:center;justify-content:center;border-radius:6px;font-size:12px;
  background:rgba(59,130,246,.14);color:#7fb1ff;border:1px solid rgba(59,130,246,.28);
}
.lp-list-clean{list-style:none;padding:0}
.lp-list-clean li{display:flex;align-items:flex-start;gap:8px}
.lp-list-check::before{content:'✓';color:#22c55e;font-weight:700}
.lp-note{
  display:flex;gap:11px;align-items:flex-start;
  background:rgba(59,130,246,.07);border:1px solid rgba(59,130,246,.22);
  border-inline-start:3px solid #3b82f6;border-radius:10px;
  padding:13px 15px;margin:14px 0;font-size:14px;color:#aab6d3;
}
.lp-note.warn{background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.25);border-inline-start-color:#f59e0b}
.lp-note svg{width:19px;height:19px;flex:none;margin-top:3px;color:#3b82f6}
.lp-note.warn svg{color:#f59e0b}

/* ---------- contact channel cards ---------- */
.lp-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:16px 0}
.lp-channel{
  background:#131622;border:1px solid #232941;border-radius:14px;padding:18px;
  display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:transform .18s ease,border-color .18s ease;
}
.lp-channel:hover,.lp-channel:focus-visible{transform:translateY(-2px);border-color:#3b82f6;text-decoration:none}
.lp-channel .lp-ic{
  display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;
  background:#181c2b;border:1px solid #232941;border-radius:10px;color:#3b82f6;
}
.lp-channel .lp-ic svg{width:20px;height:20px}
.lp-channel b{color:#eef1f8;font-size:15px}
.lp-channel .lp-sub{color:#8f99b5;font-size:13px;line-height:1.7}
.lp-channel .lp-act{margin-top:auto;color:#6ea8ff;font-size:13px;font-weight:600}
[dir="rtl"] .lp-channel .lp-act{text-align:left}

/* ---------- table (refund matrix) ---------- */
.lp-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
.lp-table th,.lp-table td{border:1px solid #232941;padding:10px 12px;text-align:start;vertical-align:top}
.lp-table th{background:#181c2b;color:#eef1f8;font-weight:700;font-size:13.5px}
.lp-table tr:nth-child(even) td{background:rgba(24,28,43,.45)}

/* ---------- stats row (about) ---------- */
.lp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
.lp-stat{background:#131622;border:1px solid #232941;border-radius:13px;padding:15px;text-align:center}
.lp-stat b{display:block;font-size:21px;color:#eef1f8;margin-bottom:3px}
.lp-stat span{font-size:12.5px;color:#8f99b5}

/* ---------- CTA ---------- */
.lp-cta{
  margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;
  background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(168,85,247,.1));
  border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:20px;
}
.lp-cta p{margin:0;color:#c7cde0;flex:1 1 320px;min-width:220px}
.lp-cta a,.lp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;
  border-radius:11px;padding:11px 20px;text-decoration:none;font-size:14px;
  transition:filter .18s ease,transform .18s ease;cursor:pointer;border:none;
}
.lp-cta a:hover,.lp-btn:hover{filter:brightness(1.12);transform:translateY(-1px);text-decoration:none}
.lp-btn.ghost{background:transparent;border:1px solid #39415f;color:#c7cde0}

/* ---------- footer ---------- */
.lp-foot{
  border-top:1px solid #232941;padding:20px clamp(16px,4vw,40px) 26px;
  display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;
  color:#7d87a6;font-size:12.5px;max-width:920px;margin-inline:auto;
}
.lp-foot a{color:#9aa3bd}
/* v69.37 — official social channels (Telegram + Instagram, farazcrypto_ai);
   same chip treatment as the blog footer .bf-social. */
.lp-social{display:inline-flex;gap:8px;align-items:center}
.lp-social a{width:32px;height:32px;border-radius:10px;border:1px solid #232941;
  background:rgba(13,17,28,.6);color:#9aa3bd;display:inline-flex;align-items:center;
  justify-content:center;transition:color .15s,border-color .15s,transform .15s}
.lp-social a:hover,.lp-social a:focus-visible{color:#e8eaf0;border-color:#3b82f6;transform:translateY(-2px)}
.lp-social a:focus-visible{outline:2px solid #3b82f6;outline-offset:3px}
.lp-social svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}

@media(max-width:640px){
  body{font-size:15px}
  .lp-bar{padding:12px 16px}
  .lp-cta{flex-direction:column;align-items:stretch;text-align:center}
}
@media print{
  .lp-bar,.lp-cta,.lp-foot{display:none}
  body{background:#fff;color:#111}
}
