المجر vs فنلندا

body{
margin:0;
padding:0;
background:#0b1220;
font-family:system-ui;
}

.yalla-ad{
width:100%;
display:flex;
justify-content:center;
padding:20px;
}

.yalla-link{
width:100%;
max-width:420px;
text-decoration:none;
color:#fff;
padding:18px;
border-radius:22px;
background:linear-gradient(135deg,#0f172a,#4f46e5,#db2777);
box-shadow:0 12px 30px rgba(0,0,0,.35);
text-align:center;
display:block;
}

.badge{
display:inline-block;
padding:6px 14px;
font-size:12px;
background:rgba(255,255,255,.15);
border-radius:999px;
font-weight:700;
margin-bottom:10px;
}

h2{
margin:6px 0;
font-size:21px;
color:#ffd60a;
}

p{
font-size:13px;
line-height:1.6;
margin-bottom:10px;
opacity:.95;
}

.features{
display:flex;
flex-wrap:wrap;
gap:6px;
justify-content:center;
margin:12px 0;
}

.features span{
font-size:11px;
padding:5px 10px;
background:rgba(255,255,255,.12);
border-radius:999px;
}

/* زر التحميل الرئيسي */
.cta{
background:#22c55e;
padding:11px;
border-radius:14px;
font-weight:900;
font-size:13px;
margin-top:10px;
box-shadow:0 8px 18px rgba(34,197,94,.25);
}

/* أزرار المتاجر */
.store-buttons{
display:flex;
gap:10px;
justify-content:center;
margin-top:12px;
flex-wrap:wrap;
}

.store-btn{
flex:1;
min-width:140px;
text-decoration:none;
padding:10px;
border-radius:12px;
font-size:12px;
font-weight:800;
color:#fff;
display:flex;
justify-content:center;
align-items:center;
gap:6px;
}

.play{
background:#111827;
border:1px solid rgba(255,255,255,.15);
}

.appstore{
background:#000;
border:1px solid rgba(255,255,255,.15);
}

small{
display:block;
margin-top:10px;
font-size:10px;
opacity:.7;
}

@media(max-width:480px){
.yalla-link{
padding:14px;
border-radius:18px;
}

h2{font-size:18px;}
p{font-size:12px;}
}