:root{--bleu:#0057B8;--rouge:#D62828;--jaune:#F4C430}body{margin:0;font-family:Arial,sans-serif}header{background:var(--bleu);color:#fff;padding:15px 30px;display:flex;justify-content:space-between}nav a{color:#fff;margin-left:20px;text-decoration:none}.hero{background:var(--bleu);color:#fff;text-align:center;padding:100px 20px}.btn{background:var(--rouge);color:#fff;padding:12px 25px;border-radius:5px}.btn:hover{background:var(--jaune);color:#000}