/* Trading Bite — Phase 9 language pages */
:root{
  --bg:#05080f;--elev:#0b1220;--text:#f2f5fa;--mute:#93a4bb;--pink:#d60c76;--navy:#1f497d;
  --line:rgba(242,245,250,.1);--latin:"Stack Sans Notch",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:
  radial-gradient(ellipse 80% 50% at 10% -10%,rgba(31,73,125,.4),transparent 55%),
  radial-gradient(ellipse 50% 40% at 100% 0%,rgba(214,12,118,.12),transparent 50%),
  var(--bg);color:var(--text);line-height:1.7;min-height:100dvh}
[dir="rtl"] body, body[dir="rtl"], html[dir="rtl"] body{line-height:1.85}
a{color:var(--text)}
.lg-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;
  padding:1rem 1.25rem;border-bottom:1px solid var(--line);position:sticky;top:0;
  background:rgba(5,8,15,.92);backdrop-filter:blur(12px);z-index:10}
.lg-brand{font-family:var(--latin);font-weight:700;letter-spacing:.28em;text-decoration:none}
.lg-top nav{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;font-family:var(--latin)}
.lg-top a{text-decoration:none;font-size:.75rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.lg-cta{border:1px solid var(--pink);padding:.45rem .8rem;background:rgba(214,12,118,.12);color:var(--text)!important}
main{width:min(920px,100%);margin:0 auto;padding:1.25rem 1.15rem 4rem}
.lg-switch{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center;justify-content:space-between;
  padding:.85rem 0 1.25rem;border-bottom:1px solid var(--line);margin-bottom:1rem;color:var(--mute);font-size:.9rem}
.lg-switch div{display:flex;flex-wrap:wrap;gap:.5rem}
.lg-switch a{text-decoration:none;border:1px solid var(--line);padding:.4rem .7rem;font-size:.9rem;color:var(--mute)}
.lg-switch a:hover,.lg-switch .lg-active{border-color:var(--pink);color:var(--text);background:rgba(214,12,118,.1)}
.lg-hero{padding:1.75rem 0 1.5rem;border-bottom:1px solid var(--line);margin-bottom:1.5rem;
  border-top:3px solid var(--pink);border-inline-start:6px solid var(--navy);padding-inline-start:1.25rem}
.lg-kicker{color:var(--pink);font-size:.72rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.65rem;font-family:var(--latin)}
h1{font-size:clamp(1.65rem,4.2vw,2.4rem);letter-spacing:-.01em;margin-bottom:.75rem;line-height:1.35}
h2{font-size:1.3rem;margin:0 0 .85rem;line-height:1.4}
h3{font-size:1.05rem;margin-bottom:.4rem;line-height:1.4}
.lg-lead{color:var(--mute);font-size:1.05rem;margin-bottom:.75rem;max-width:42rem}
.lg-audience{font-size:.92rem;color:#c9d4e6;margin-bottom:1.1rem}
.lg-actions,.lg-more{display:flex;flex-wrap:wrap;gap:.65rem}
.lg-btn{display:inline-flex;padding:.8rem 1.1rem;background:var(--pink);color:#fff;text-decoration:none;
  font-weight:700;font-size:.9rem}
.lg-btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
.lg-note,.lg-fine{color:var(--mute);font-size:.82rem;margin-top:.9rem;font-family:var(--latin)}
section{padding:1.6rem 0;border-bottom:1px solid var(--line)}
.lg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.lg-card{background:var(--elev);border:1px solid var(--line);border-top:2px solid var(--navy);padding:1.1rem;text-decoration:none;color:inherit}
.lg-card p{color:var(--mute);font-size:.95rem;margin-top:.35rem}
.lg-lang-card span{display:inline-block;margin-top:.75rem;font-size:.78rem;color:var(--pink);font-family:var(--latin)}
.lg-list{padding-inline-start:1.2rem;color:var(--mute)}
.lg-list li{margin:.45rem 0}
.lg-steps{list-style:none;display:grid;gap:.7rem}
.lg-steps li{display:flex;gap:.75rem;align-items:flex-start;background:var(--elev);border:1px solid var(--line);padding:.9rem 1rem;color:var(--mute)}
.lg-num{flex:0 0 auto;width:1.7rem;height:1.7rem;border-radius:999px;display:grid;place-items:center;
  background:rgba(214,12,118,.18);color:var(--pink);font-family:var(--latin);font-weight:700;font-size:.85rem}
.lg-faq{margin:1rem 0 1.1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.lg-faq p{color:var(--mute)}
.lg-disclaimer{background:rgba(214,12,118,.07);border:1px solid rgba(214,12,118,.28);padding:1.25rem;border-radius:2px}
.lg-disclaimer p{color:var(--mute)}
.lg-foot{width:min(920px,100%);margin:0 auto;padding:2rem 1.15rem 3rem;color:var(--mute);font-size:.85rem}
.lg-foot .lg-brand{color:var(--text);margin-bottom:.45rem}
.lg-foot a{color:var(--mute)}