/*
Theme Name: AstroPawan Astrology
Author: Pawan Khanal
Version: 1.0
Description: Professional astrologer theme with stars background and WhatsApp booking.
*/

*{box-sizing:border-box;margin:0;padding:0}
body{
font-family:Arial, sans-serif;
color:white;
background:#020617;
overflow-x:hidden;
background-image:
radial-gradient(2px 2px at 20px 30px,#fff,transparent),
radial-gradient(2px 2px at 40px 70px,#fff,transparent),
radial-gradient(1px 1px at 90px 40px,#fff,transparent),
radial-gradient(1px 1px at 130px 80px,#fff,transparent),
radial-gradient(2px 2px at 160px 30px,#fff,transparent);
background-size:200px 200px;
animation:starsMove 80s linear infinite;
}

@keyframes starsMove{
from{background-position:0 0}
to{background-position:1200px 1200px}
}

header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 8%;
background:#020617;
border-bottom:1px solid #1e293b;
}

nav a{
color:#e2e8f0;
margin-left:20px;
text-decoration:none;
}

.hero{
display:flex;
justify-content:space-between;
align-items:center;
padding:80px 8%;
min-height:90vh;
}

.hero img{
width:320px;
border-radius:50%;
border:5px solid #38bdf8;
box-shadow:0 0 50px rgba(56,189,248,0.7);
object-fit:cover;
}

.btn{
background:#38bdf8;
color:#020617;
padding:14px 28px;
border-radius:8px;
text-decoration:none;
display:inline-block;
margin-top:20px;
font-weight:bold;
}

section{padding:70px 8%}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
}

.card{
background:#020617;
border:1px solid #1e293b;
padding:25px;
border-radius:14px;
text-align:center;
}

.icons a{
font-size:26px;
margin-right:15px;
color:#38bdf8;
text-decoration:none;
}

footer{
padding:30px;
text-align:center;
border-top:1px solid #1e293b;
}