:root{
    --future-blue:#00cfff;
    --future-dark:#07162d;
    --future-light:#eaf8ff;
    --future-purple:#8d7dff;
}

.ebook-hero{
    background:
    linear-gradient(
        rgba(0,0,0,.65),
        rgba(0,0,0,.70)
    ),
    url("images/book02.jpg");

    background-size:cover;
    background-position:center;
    color:#fff;
    padding:120px 20px;
}

.ebook-hero-inner{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}

.ebook-book-cover img{
    width:100%;
    max-width:420px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.4);
}

.ebook-title h1{
    font-size:3rem;
    line-height:1.4;
    margin-bottom:25px;
}

.ebook-title p{
    font-size:1.15rem;
    line-height:1.9;
    opacity:.95;
}

.ebook-badge{
    display:inline-block;
    background:var(--future-blue);
    color:#000;
    font-weight:bold;
    padding:8px 18px;
    border-radius:30px;
    margin-bottom:20px;
}

.ebook-section{
    padding:80px 20px;
}

.ebook-container{
    max-width:1200px;
    margin:auto;
}

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    font-size:2.3rem;
    color:#0d3b66;
}

.section-title p{
    color:#666;
    margin-top:10px;
}

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

.intro-card{
    background:#fff;
    border-radius:18px;
    padding:30px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

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

.intro-card h3{
    color:#0d3b66;
    margin-bottom:15px;
}

.intro-card p{
    line-height:1.9;
    color:#444;
}

.future-highlight{
    background:
    linear-gradient(
        135deg,
        #081a36,
        #0d2b58
    );

    color:#fff;
    padding:90px 20px;
}

.future-highlight-content{
    max-width:1000px;
    margin:auto;
    text-align:center;
}

.future-highlight h2{
    font-size:2.4rem;
    margin-bottom:30px;
}

.future-highlight p{
    line-height:2;
    font-size:1.15rem;
}

@media(max-width:768px){

    .ebook-hero-inner{
        grid-template-columns:1fr;
        text-align:center;
    }

    .ebook-title h1{
        font-size:2rem;
    }

    .ebook-book-cover{
        text-align:center;
    }

}