body{margin:0;font-family:Arial,sans-serif;background:#f4f4f4;color:#222}
.wrapper{max-width:1100px;margin:0 auto;padding:30px}
.header{text-align:center;margin-bottom:30px}
.logo{max-width:220px}
h1{font-size:34px;margin-top:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.country{text-decoration:none;color:#222;background:#fff;border-radius:14px;padding:18px;display:flex;flex-direction:column;align-items:center;border:1px solid #ddd}
.country:hover{transform:translateY(-2px)}
.flag-img{width:80px;height:auto;border-radius:8px}
footer{margin-top:50px;background:#111;color:#fff;padding:30px;border-radius:16px}
footer a{color:#fff}
.links{margin-top:20px;display:flex;gap:20px;justify-content:center}
.rtl{direction:rtl}