body{
margin:0;
font-family:Inter,system-ui;
background:#f6f9fc;
color:#1c1c1c;
line-height:1.7;
}
.container{
max-width:1200px;
margin:auto;
padding:40px 20px;
}
h1,h2,h3{
font-family:Playfair Display,serif;
letter-spacing:0.3px;
}
h1{font-size:42px;}
h2{font-size:30px;margin-top:60px;}
h3{font-size:22px;margin-top:30px;}
.hero{
background:linear-gradient(135deg,#eaf3ff,#ffffff);
padding:80px 20px;
text-align:center;
}
.hero p{
max-width:850px;
margin:auto;
font-size:18px;
}
img{
width:100%;
border-radius:14px;
box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:30px;
margin-top:30px;
}
.card{
background:#fff;
padding:30px;
border-radius:16px;
box-shadow:0 6px 20px rgba(0,0,0,.05);
}
.cta{
margin-top:70px;
padding:60px 30px;
background:linear-gradient(135deg,#dbeafe,#ffffff);
border-radius:24px;
text-align:center;
}
.cta a{
background:#0b5ed7;
color:#fff;
padding:16px 36px;
border-radius:40px;
text-decoration:none;
font-weight:600;
}
.faq details{
background:#fff;
padding:18px;
border-radius:12px;
margin-bottom:15px;
box-shadow:0 4px 12px rgba(0,0,0,.04);
}
footer{
text-align:center;
padding:40px;
font-size:14px;
color:#777;
}