/* Little Jamila's World */

body {
    margin: 0;
    padding: 0;
    background: linear-gradient(
        to bottom,
        #0d1b52,
        #1e3c72,
        #6b9dfc
    );

    font-family: Georgia, serif;
    color: white;
    text-align: center;
    min-height: 100vh;
}


h1 {
    font-size: 56px;
    margin-top:15px;
    color: #FFE8A3;
    text-shadow: 3px 3px 10px rgba(0,0,0,0.4);
margin-top: 15px;
margin-bottom: 20px;
}




p {
    font-size: 24px;
    width: 70%;
    margin: auto;
    line-height: 1.7;
}
.sky {
    margin-top: 40px;
}
.moon {
    font-size: 120px;
    filter: drop-shadow(0 0 15px #FFE8A3);

}.stars {
    font-size: 28px;
    letter-spacing: 30px;
    color: #FFE8A3;
    margin-top: 30px;
    opacity: 0.9;
}
.welcome-card {

    width: 70%;

    margin: 40px auto;

    padding: 30px;

    background: rgba(18, 30, 76, .65);
    backdrop-filter: blur(8px);

    border: 1px solid rgba(255,232,163,.15);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,232,163,.15);

    border-radius: 25px;

    box-shadow: 0 0 20px rgba(255,255,255,0.2);

    backdrop-filter: blur(5px);

}
.books{

margin-top:80px;

padding-bottom:80px;

}


.books h2{

font-size:42px;

color:#FFE8A3;

margin-bottom:40px;

}


.book-card{

width:420px;

margin:auto;

padding:35px;

background:white;

color:#333;

border-radius:25px;

box-shadow:0 12px 30px rgba(0,0,0,.25);

}


.book-card h3{

color:#1e3c72;

font-size:30px;

}


.book-card p{

width:100%;

color:#555;

font-size:20px;

line-height:1.7;

}


button{

margin-top:20px;

padding:15px 35px;

border:none;

border-radius:40px;

background:#FFD966;

font-size:20px;

cursor:pointer;

font-weight:bold;

transition:.3s;

}


button:hover{

background:#FFE8A3;

transform:scale(1.05);

}
.parents{

padding:80px 40px;

}

.parents h2{

font-size:42px;

color:#FFE8A3;

margin-bottom:50px;

}

.parent-grid{

display:flex;

justify-content:center;

gap:30px;

flex-wrap:wrap;

}

.parent-box{

background:rgba(255,255,255,.15);

padding:30px;

width:280px;

border-radius:20px;

box-shadow:0 10px 25px rgba(0,0,0,.2);

backdrop-filter:blur(5px);

}

.parent-box h3{

color:#FFE8A3;

}

.parent-box p{

width:100%;

font-size:18px;

line-height:1.7;

}
.hero-image{

margin-top:40px;

margin-bottom:30px;

}

.hero-image img{

width:90%;
max-width:1000px;
display:block;
margin:20px auto;
border-radius:35px;

box-shadow:0 15px 35px rgba(0,0,0,.35);

transition:.4s;

}

.hero-image img:hover{

transform:scale(1.03);

.motto {

display:flex;

justify-content:center;

gap:35px;

margin-top:20px;

margin-bottom:20px;

font-size:30px;

font-family:Georgia, serif;

color:#FFE8A3;

text-shadow:0 0 10px rgba(255,232,163,.8);

}

.motto span {

    transition: 0.4s;

}


.motto span:hover {

    transform: scale(1.15);

    text-shadow:
    0 0 20px #ffffff;

}
.story-intro{

max-width:700px;

margin:20px auto 35px;

font-size:20px;

line-height:1.7;

text-align:center;

color:white;

}


.video-container video{

width:80%;

max-width:800px;

display:block;

margin:auto;

border-radius:30px;

box-shadow:0 15px 35px rgba(0,0,0,.35);

}
.video-container {
    display: flex;
    justify-content: center;
    margin: 40px auto;
}

.video-container video {
    width: 90%;
    max-width: 900px;
    border-radius: 25px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.3);
}
.book-cover {
    margin: 40px auto;
    text-align: center;
}

.book-cover img {
    width: 320px;
    max-width: 90%;
    border-radius: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.25);
}
.book-section {
    padding: 80px 40px;
    text-align: center;
}
.book-section h2 {
    margin-bottom: 40px;
}

.book-description {
    margin-top: 40px;
    line-height: 1.8;
}


.book-features{
    width: 480px;
    max-width: 90%;
    margin: 35px auto;
}

.book-features p{
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0;
    font-size: 1.15rem;
    text-align: left;
}
/* ===========================
   GET YOUR COPY BUTTON
=========================== */

.get-book-btn{
    display:inline-block;
    margin-top:35px;
    padding:16px 38px;
    background:#25D366 !important;
    color:white !important;
    text-decoration:none;
    border:none;
    font-size:22px;
    font-weight:bold;
    border-radius:50px;
    box-shadow:0 8px 20px rgba(0,0,0,.25);
    transition:0.3s ease;
}
}

.get-book-btn:hover{
    background:#1EBE5D;
    transform:translateY(-3px);
    box-shadow:0 12px 25px rgba(0,0,0,0.35);
}


.purchase-info {
    margin-top: 25px;
    text-align: center;
    font-size: 16px;
    line-height: 1.8;
   background: #1EBE5D;
}
.site-footer {

    margin-top: 60px;
    padding: 25px;
    text-align: center;
    background: #2b4f8c;
    color: #FFE8A3;
    font-size: 16px;
    line-height: 1.8;

}
.get-book-btn,
.get-book-btn:visited,
.get-book-btn:hover,
.get-book-btn:active{
    background:#25D366 !important;
    color:white !important;
    text-decoration:none !important;
    display:inline-block !important;
}
.adventure-btn{
    display:inline-block;
    margin-top:25px;
    padding:16px 40px;
    background:#F5A623;
    color:white;
    text-decoration:none;
    font-size:22px;
    font-weight:bold;
    border-radius:50px;
    box-shadow:0 8px 20px rgba(0,0,0,0.25);
    transition:0.3s ease;
}

.adventure-btn:hover{
    background:#E59400;
    transform:translateY(-3px);
    box-shadow:0 12px 25px rgba(0,0,0,0.35);
}
.adventure-btn{
    display:inline-block;
    margin-top:25px;
    padding:16px 40px;
    background:#F5A623;
    color:white;
    text-decoration:none;
    font-size:22px;
    font-weight:bold;
    border-radius:50px;
    box-shadow:0 8px 20px rgba(0,0,0,0.25);
    transition:0.3s ease;
}

.adventure-btn:hover{
    background:#E59400;
    transform:translateY(-3px);
}
a.adventure-btn {
    display: inline-block !important;
    background: #F5A623 !important;
    color: white !important;
    padding: 16px 40px !important;
    border-radius: 50px !important;
    font-size: 22px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    margin-top: 25px !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25) !important;
}

a.adventure-btn:hover{
    background: #E59400 !important;
    color: white !important;
}