@font-face{font-family:Anton;src:url(/fonts/anton-latin.woff2) format("woff2");font-display:swap}
@font-face{font-family:Archivo;src:url(/fonts/archivo-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--nuit:#0A0C14;--carte:#11141F;--trait:#262B40;--ivoire:#EEF0F7;--brume:#8D93AB;--rouge:#E5132B;--bleu:#2A6BFF;--lien:#7FA4FF}
*{box-sizing:border-box}
body{margin:0;background:var(--nuit);color:var(--ivoire);font:17px/1.65 Archivo,system-ui,sans-serif}
a{color:var(--lien)}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
header{border-bottom:1px solid var(--trait);padding:18px 0}
.logo{display:flex;align-items:center;gap:10px;font:28px/1 Anton,Impact,sans-serif;letter-spacing:.02em;color:var(--ivoire);text-decoration:none;text-transform:uppercase}
.gyro{width:22px;height:22px;border-radius:50%;background:linear-gradient(90deg,var(--rouge) 50%,var(--bleu) 50%);box-shadow:-6px 0 14px rgba(229,19,43,.6),6px 0 14px rgba(42,107,255,.6)}
h1,h2{font-family:Anton,Impact,sans-serif;font-weight:400;line-height:1.15;letter-spacing:.01em}
h1{font-size:clamp(32px,7vw,48px);margin:36px 0 8px}
h2{font-size:26px;margin:40px 0 12px}
.meta{color:var(--brume);font-size:14px}
.ess{background:var(--carte);border:1px solid var(--trait);border-left:4px solid var(--rouge);border-radius:6px;padding:14px 18px;margin:24px 0}
.ess ul{margin:0;padding-left:20px}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--trait);vertical-align:top}
th{color:var(--brume);font-weight:600}
.annonce{background:linear-gradient(90deg,rgba(229,19,43,.15),rgba(42,107,255,.15));border:1px solid var(--trait);border-radius:6px;padding:16px 18px;margin:32px 0}
.src{font-size:14px;color:var(--brume)}
footer{border-top:1px solid var(--trait);margin-top:48px;padding:20px 0 40px;font-size:14px;color:var(--brume)}