body{
margin:0;
font-family:'Cairo',sans-serif;
background: radial-gradient(circle at top,#1b2735,#090a0f);
color:white;
display:flex;
justify-content:center;
}

.app{
width:100%;
max-width:420px;
min-height:100vh;
padding:25px 15px;
text-align:center;
}

h1{
font-size:22px;
color:#ffd700;
margin-bottom:15px;
}

#datetime{
font-size:15px;
margin-bottom:15px;
color:#00eaff;
}

#ramadanDay{
font-size:17px;
font-weight:bold;
margin-bottom:15px;
color:#ffd700;
}

/* جميع الصلوات نفس الشكل */
.card{
background: linear-gradient(145deg,#16202a,#0e141b);
margin:10px 0;
padding:14px 16px;
border-radius:18px;
font-size:16px;
display:flex;
justify-content:space-between;
align-items:center;
transition:0.3s;
box-shadow:0 4px 12px rgba(0,0,0,0.4);
}

/* الأذان القادم فقط */
.next{
border:3px solid #ffd700;
box-shadow:0 0 25px rgba(255,215,0,0.9);
transform:scale(1.04);
}

/* العدّاد */
#countdown{
margin-top:18px;
font-size:18px;
font-weight:bold;
color:#ffd700;
}

/* النص السفلي */
.footer-text{
margin-top:30px;
font-size:14px;
opacity:0.7;
}