body { font-family: Arial, sans-serif; margin:0; padding:0; line-height:1.6; color:#333; background:#f7f7f7; }
header { background:#1a1a1a; color:#fff; padding:18px 10px; text-align:center; }
header h1 { margin:0; font-size:22px; }
nav { text-align:center; margin-top:10px; }
nav a { color:#fff; margin:0 10px; text-decoration:none; font-weight:bold; }
.hero { background:#0d4a7b; color:#fff; padding:60px 20px; text-align:center; }
.section { max-width:1000px; margin:30px auto; padding:0 15px; background:#fff; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.05); }
.section h2 { padding-top:18px; }
.footer { background:#1a1a1a; color:#fff; text-align:center; padding:14px; margin-top:20px; }
.container { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; padding:20px 0; }
.flag-link { display:inline-block; text-align:center; color:#333; text-decoration:none; }
.flag-link img { display:block; margin:0 auto 6px; width:64px; height:auto; }
.small { font-size:90%; color:#666; }