/* Feuille de style partagée des pages légales — charte Private Circle of Traders */
:root{
  --bg:#05030A; --ink:#F4F0FF; --muted:#A9A2B8; --muted2:#8a82a6; --dim:#6f6885;
  --purple:#8B5CF6; --purple2:#7C3AED; --accent:#A855F7; --lav:#C9A6FF;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Sora,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.7}
::selection{background:rgba(168,85,247,.35);color:#F4F0FF}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:rgba(124,58,237,.4);border-radius:8px}
a{color:var(--lav);text-decoration:none;transition:color .2s}
a:hover{color:#fff;text-decoration:underline}

body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 50% at 82% -6%,rgba(124,58,237,.18),transparent 60%),radial-gradient(48% 40% at 8% 6%,rgba(124,58,237,.10),transparent 60%)}

header.lg{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px clamp(20px,5vw,64px);background:rgba(5,3,10,.72);backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(168,85,247,.14)}
header.lg .brand{display:flex;align-items:center;gap:12px}
header.lg img{height:42px;width:auto;display:block;filter:drop-shadow(0 0 14px rgba(124,58,237,.45))}
.back{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 'Space Mono',monospace;letter-spacing:2px;
  text-transform:uppercase;color:var(--muted);padding:10px 18px;border-radius:30px;
  border:1px solid rgba(168,85,247,.3);background:rgba(255,255,255,.03);transition:all .25s;white-space:nowrap}
.back:hover{color:#fff;text-decoration:none;border-color:rgba(168,85,247,.6);background:rgba(168,85,247,.14)}

main.lg{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:clamp(40px,7vw,88px) clamp(20px,5vw,40px) 70px}
.eyebrow{font:700 12px/1 'Space Mono',monospace;letter-spacing:5px;text-transform:uppercase;color:var(--accent)}
h1.lg{margin:18px 0 6px;font:400 clamp(34px,6vw,62px)/1.02 Anton,sans-serif;letter-spacing:.5px;text-transform:uppercase;
  text-shadow:0 0 60px rgba(124,58,237,.35)}
.updated{margin:0 0 38px;font:400 13px/1.5 'Space Mono',monospace;color:var(--dim)}
h2.lg{margin:46px 0 12px;font:700 clamp(19px,2.6vw,24px)/1.3 Sora,sans-serif;color:#fff;padding-left:16px;
  border-left:3px solid var(--purple)}
h3.lg{margin:24px 0 6px;font:700 16px/1.45 Sora,sans-serif;color:var(--lav)}
p.lg,li.lg{font:400 16px/1.75 Sora,sans-serif;color:#c8c2d8}
p.lg{margin:12px 0}
ul.lg{padding-left:22px;margin:10px 0}
li.lg{margin:7px 0}
strong{color:#fff;font-weight:600}

.card{margin:18px 0;padding:20px 24px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(168,85,247,.16)}
.card dl{margin:0;display:grid;grid-template-columns:minmax(150px,210px) 1fr;gap:10px 18px}
.card dt{font:700 13px/1.5 'Space Mono',monospace;letter-spacing:.5px;text-transform:uppercase;color:#cdbef0;margin:0}
.card dd{margin:0;font:400 15px/1.6 Sora,sans-serif;color:#d7d1e6}
@media (max-width:560px){.card dl{grid-template-columns:1fr;gap:2px 0}.card dd{margin-bottom:12px}}

.fill{display:inline-block;padding:1px 9px;border-radius:6px;background:rgba(168,85,247,.16);
  border:1px dashed rgba(200,160,255,.55);color:#ecdfff;font:600 .9em/1.5 'Space Mono',monospace}
.note{margin:16px 0;padding:14px 18px;border-radius:12px;background:rgba(168,85,247,.08);
  border:1px solid rgba(168,85,247,.22);font:400 14px/1.65 Sora,sans-serif;color:var(--muted)}
.note.warn{border-color:rgba(255,120,120,.32);background:rgba(255,80,80,.07);color:#f0c9c9}

footer.lg{position:relative;z-index:1;border-top:1px solid rgba(168,85,247,.1);padding:34px clamp(20px,5vw,40px) 50px;
  max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:center;align-items:center;text-align:center}
footer.lg a{font:400 14px/1 Sora,sans-serif;color:var(--muted2)}
footer.lg a:hover{color:#fff}
footer.lg .copy{flex-basis:100%;font:400 12px/1.6 Sora,sans-serif;color:#574f6b}