.hero-byline { margin: 18px auto 28px; color: rgba(255,255,255,.78); font-size: .75rem; letter-spacing: .16em; }
.hero-byline strong { color: #ffdf28; }
.country-grid article { position: relative; cursor: pointer; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.country-grid article:hover, .country-grid article:focus-visible { transform: translateY(-3px); border-color: var(--pink); box-shadow: 0 15px 34px rgba(74,20,118,.14); outline: none; }
.country-open { position: absolute; right: 12px; bottom: 12px; width: 32px; height: 32px; border: 1px solid var(--pink); border-radius: 11px; background: #fff; color: var(--violet); font-size: 1.25rem; line-height: 1; }
.country-dialog { width: min(92vw, 560px); max-height: 86vh; overflow: auto; padding: 34px; border: 0; border-radius: 24px; color: var(--ink); box-shadow: 0 28px 90px rgba(10,4,35,.42); }
.country-dialog::backdrop { background: rgba(13,7,39,.72); backdrop-filter: blur(6px); }
.country-close { position: absolute; top: 15px; right: 15px; width: 38px; height: 38px; border: 1px solid #ded8e5; border-radius: 50%; background: #fff; color: var(--ink); font-size: 1.45rem; cursor: pointer; }
.country-dialog-logo { display: grid; place-items: center; height: 150px; margin: 2px 40px 22px; }
.country-dialog-logo img { max-width: 190px; max-height: 140px; object-fit: contain; }
.country-dialog h3 { margin: 8px 0 14px; font-size: 2rem; letter-spacing: -.04em; }
.country-dialog p { margin: 0; color: #575063; font-size: 1rem; line-height: 1.62; }
.country-dialog a { display: inline-flex; margin-top: 24px; padding: 12px 17px; border-radius: 10px; background: linear-gradient(100deg, var(--pink), var(--violet)); color: #fff; font-size: .8rem; font-weight: 900; letter-spacing: .05em; text-decoration: none; }
body.dialog-open { overflow: hidden; }
@media (max-width:570px) { .hero-byline { margin-bottom: 24px; }.country-dialog { padding: 28px 22px; }.country-dialog-logo { height: 120px; }.country-dialog h3 { font-size: 1.7rem; } }