body{font-family:Arial,sans-serif;margin:0;background:#f5f9ff;color:#222}
header{background:#1565c0;color:#fff;padding:18px;text-align:center}
nav a{color:#fff;margin:0 10px;text-decoration:none}
.hero{text-align:center;padding:60px 20px}
button{background:#1565c0;color:#fff;border:none;padding:12px 24px;border-radius:25px}
section{max-width:900px;margin:auto;padding:30px}
footer{background:#1565c0;color:#fff;text-align:center;padding:15px;margin-top:40px}
.books{
padding:70px 20px;
background:#ffffff;
text-align:center;
}

.books h2{
font-size:34px;
color:#1565c0;
margin-bottom:10px;
}

.section-text{
font-size:18px;
color:#666;
margin-bottom:40px;
}

.book-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:25px;
max-width:1100px;
margin:auto;
}

.book-card{
background:#f8f9fc;
padding:30px 20px;
border-radius:12px;
box-shadow:0 4px 12px rgba(0,0,0,.08);
transition:.3s;
}

.book-card:hover{
transform:translateY(-6px);
}

.book-card h3{
color:#1565c0;
margin-bottom:10px;
}

.book-card p{
color:#666;
margin-bottom:20px;
}

.book-card a{
display:inline-block;
padding:10px 20px;
background:#1565c0;
color:#fff;
text-decoration:none;
border-radius:30px;
}

.book-card a:hover{
background:#0d47a1;
}
/* ABOUT */

.about{
padding:80px 20px;
background:#f5f9ff;
max-width:1000px;
margin:auto;
}

.about h2{
text-align:center;
font-size:38px;
color:#1565c0;
margin-bottom:30px;
}

.about h3{
margin-top:35px;
color:#1565c0;
}

.about p{
font-size:18px;
line-height:1.8;
color:#444;
margin:18px 0;
}

.about ul{
margin-top:20px;
padding-left:20px;
}

.about li{
font-size:18px;
margin:12px 0;
}

.quote{
margin-top:45px;
padding:30px;
background:#1565c0;
color:white;
border-radius:12px;
text-align:center;
}

.quote h3{
color:white;
margin-bottom:10px;
}

.quote p{
color:white;
font-size:20px;
margin:0;
}
.books{
padding:60px 20px;
background:#f5f8ff;
text-align:center;
}

.books h2{
font-size:40px;
color:#1565c0;
margin-bottom:15px;
}

.section-text{
font-size:18px;
max-width:700px;
margin:0 auto 40px;
color:#555;
}

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

.book-card{
background:white;
padding:30px;
border-radius:15px;
box-shadow:0 5px 15px rgba(0,0,0,.1);
transition:.3s;
}

.book-card:hover{
transform:translateY(-8px);
}

.book-card h3{
color:#1565c0;
margin-bottom:15px;
}

.book-card p{
margin-bottom:20px;
color:#666;
}

.book-card a{
display:inline-block;
background:#1565c0;
color:white;
padding:10px 22px;
border-radius:25px;
text-decoration:none;
font-weight:bold;
}

.book-card a:hover{
background:#0d47a1;
}
.faq{
padding:60px 20px;
max-width:900px;
margin:auto;
}

.faq h2{
text-align:center;
color:#1565c0;
margin-bottom:40px;
font-size:38px;
}

details{
background:white;
margin-bottom:18px;
padding:18px;
border-radius:10px;
box-shadow:0 4px 10px rgba(0,0,0,.08);
}

summary{
font-size:20px;
font-weight:bold;
cursor:pointer;
color:#1565c0;
}

details p{
margin-top:15px;
font-size:17px;
line-height:1.7;
color:#555;
}
.contact{
padding:60px 20px;
max-width:800px;
margin:auto;
text-align:center;
}

.contact h2{
font-size:40px;
color:#1565c0;
margin-bottom:20px;
}

.contact p{
font-size:18px;
line-height:1.8;
color:#555;
}

.contact-card{
background:white;
padding:25px;
margin:35px 0;
border-radius:15px;
box-shadow:0 5px 15px rgba(0,0,0,.08);
}

.contact-form{
display:flex;
flex-direction:column;
gap:18px;
}

.contact-form input,
.contact-form textarea{
padding:15px;
font-size:16px;
border:1px solid #ccc;
border-radius:8px;
}

.contact-form button{
background:#1565c0;
color:white;
padding:15px;
font-size:18px;
border:none;
border-radius:30px;
cursor:pointer;
}

.contact-form button:hover{
background:#0d47a1;
}
.search-box{
max-width:700px;
margin:30px auto;
display:flex;
background:white;
border-radius:50px;
overflow:hidden;
box-shadow:0 5px 15px rgba(0,0,0,.1);
}

.search-box input{
flex:1;
padding:16px 20px;
border:none;
font-size:17px;
outline:none;
}

.search-box button{
background:#1565c0;
color:white;
border:none;
padding:0 30px;
font-size:17px;
cursor:pointer;
}

.search-box button:hover{
background:#0d47a1;
}
.featured-books{
padding:70px 20px;
background:#ffffff;
text-align:center;
}

.featured-books h2{
font-size:38px;
color:#1565c0;
margin-bottom:10px;
}

.featured-books p{
font-size:18px;
color:#666;
margin-bottom:40px;
}

.book-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:30px;
max-width:1100px;
margin:auto;
}

.book-card{
background:#fff;
border-radius:15px;
overflow:hidden;
box-shadow:0 6px 18px rgba(0,0,0,.12);
transition:.3s;
}

.book-card:hover{
transform:translateY(-8px);
}

.book-card img{
width:100%;
display:block;
}

.book-card h3{
padding:15px 15px 5px;
color:#1565c0;
}

.book-card p{
padding:0 15px 15px;
color:#666;
}

.book-card a{
display:inline-block;
margin-bottom:20px;
padding:10px 22px;
background:#1565c0;
color:white;
text-decoration:none;
border-radius:25px;
}