body{
margin:0;
font-family:'Montserrat',sans-serif;
background:#f5f5f5;
color:#333;
text-align:center;
}

.hero{
padding:120px 20px;
background:linear-gradient(120deg,#e9e4d4,#d9e4dd);
}

.hero h1{
font-size:50px;
font-family:'Cormorant Garamond',serif;
margin-bottom:10px;
}

.subtitle{
font-size:20px;
opacity:0.7;
}

.info{
padding:60px 20px;
background:white;
}

.info h2{
margin-top:30px;
font-weight:600;
}

.ayah{
padding:60px 20px;
background:#f0efe9;
}

.arabic{
font-size:26px;
line-height:1.8;
direction:rtl;
font-family:serif;
}

.translation{
margin-top:20px;
font-style:italic;
}

.dua{
padding:60px 20px;
background:white;
}

footer{
padding:40px;
background:#e9e4d4;
}