*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Poppins",sans-serif;
}

body{

    background:
    radial-gradient(circle at top,
    #0f1c35,
    #07111f);

    color:white;

    min-height:100vh;

    padding:25px;
}



/* 🎓 HERO */

.hero{

    margin-top:40px;
    margin-bottom:45px;

}

.hero-content h1{

    font-size:50px;

    font-weight:800;

    margin-bottom:10px;

}

.hero-content p{

    color:#94a3b8;

    font-size:18px;

}



/* 📚 CHAPTERS */

.chapters{

    display:flex;

    flex-direction:column;

    gap:25px;

}



/* 📖 BOX */

.chapter-box{

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

    border:
    1px solid rgba(255,255,255,.08);

    border-left:
    6px solid #3b82f6;

    border-radius:22px;

    padding:30px;

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

}



/* TITLE */

.chapter-box h2{

    font-size:30px;

    margin-bottom:14px;

}



/* TEXT */

.chapter-box p{

    color:#cbd5e1;

    line-height:1.8;

    margin-bottom:20px;

}



/* 🔥 BUTTON */

.download-btn{

    display:inline-block;

    padding:13px 22px;

    border-radius:14px;

    text-decoration:none;

    background:
    linear-gradient(
        135deg,
        #2563eb,
        #1d4ed8
    );

    color:white;

    font-weight:600;

    transition:.3s;

}



/* HOVER */

.download-btn:hover{

    transform:translateY(-4px);

}



/* 📱 MOBILE */

@media(max-width:768px){

    .hero-content h1{

        font-size:34px;

    }

    .hero-content p{

        font-size:15px;

    }

    .chapter-box{

        padding:22px;

    }

    .chapter-box h2{

        font-size:24px;

    }

}