:root{--blue:#1862F0;--green:#92B127;--orange:#F49101;--ink:#1a2233;--muted:#5b6472;--line:#e6e9f0;--bg:#f7f9fc}
*{box-sizing:border-box}
body{margin:0;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
.wrap{max-width:820px;margin:0 auto;padding:0 20px 64px}
header.top{background:linear-gradient(120deg,var(--blue),#0f47b8);color:#fff;padding:28px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px}
.brand a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px}
.brand .dot{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--green),var(--orange));display:inline-block}
.sub{opacity:.9;margin-top:6px;font-size:14px}
.langbar{display:flex;gap:8px;margin:18px 0 4px}
.langbar button{border:1px solid var(--line);background:#fff;color:var(--muted);padding:6px 14px;border-radius:999px;cursor:pointer;font-weight:600}
.langbar button.active{background:var(--blue);color:#fff;border-color:var(--blue)}
main{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 30px;margin-top:14px;box-shadow:0 6px 24px rgba(24,98,240,.06)}
h1{font-size:25px;margin:.2em 0 .1em}
h2{font-size:18px;margin:1.7em 0 .4em;color:#0f2a5e}
h3{font-size:15px;margin:1.2em 0 .3em}
.eff{color:var(--muted);font-size:13px;margin:2px 0 10px}
a{color:var(--blue)}
ul{padding-left:20px}
li{margin:.25em 0}
.card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin:14px 0}
.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;padding:11px 20px;border-radius:10px;font-weight:600;margin-top:6px}
.nav{margin-top:16px;font-size:14px}
.nav a{margin-right:14px}
footer{color:var(--muted);font-size:13px;text-align:center;padding:26px 0}
html[lang="fr"] .en, html[lang="en"] .fr{display:none}