:root{--bleu:#000091;--encre:#1b1b2f;--gris:#5b5b6b;--fond:#fbfbfd;--carte:#fff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--encre);background:var(--fond)}
header{background:var(--bleu);color:#fff;padding:48px 20px 40px;text-align:center}
header h1{margin:0;font-size:2.6rem;letter-spacing:-.02em;font-family:Georgia,"Times New Roman",serif}
header p{margin:8px 0 0;font-size:1.15rem;opacity:.9}
.ondes{display:block;margin:0 auto 14px;width:72px;height:auto}
main{max-width:760px;margin:0 auto;padding:32px 20px 56px}
h2{font-size:1.35rem;margin:36px 0 10px;color:var(--bleu)}
h3{font-size:1.05rem;margin:24px 0 6px}
p,li{color:var(--encre)}ul{padding-left:22px}
.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}
.carte{background:var(--carte);border:1px solid #e6e6ef;border-radius:14px;padding:16px}
.carte strong{display:block;color:var(--bleu);margin-bottom:4px}
.note{color:var(--gris);font-size:.95rem}
a{color:var(--bleu)}
footer{border-top:1px solid #e6e6ef;color:var(--gris);font-size:.9rem;text-align:center;padding:24px 20px 40px}
footer p{margin:4px 0}
.bouton{display:inline-block;margin-top:18px;padding:12px 22px;border-radius:999px;background:#fff;color:var(--bleu);font-weight:600;text-decoration:none}
@media (prefers-color-scheme:dark){:root{--encre:#ececf3;--gris:#a9a9b8;--fond:#101018;--carte:#181826}.carte{border-color:#2a2a3c}footer{border-color:#2a2a3c}h2{color:#8c8cff}a{color:#8c8cff}.carte strong{color:#8c8cff}}