.novel-hero{
    display:flex;
    gap:60px;
    align-items:center;
    padding:80px;
}

.novel-cover{
    width:320px;
    height:480px;
    border-radius:24px;
    background:linear-gradient(
        135deg,
        #7c3aed,
        #38bdf8
    );
    flex-shrink:0;
}

.novel-info{
max-width:700px;
}

.novel-info h1{
font-size:60px;
margin-bottom:20px;
}

.badges{
display:flex;
gap:15px;
margin-bottom:20px;
}

.badges span{
padding:10px 20px;
background:#111827;
border-radius:50px;
}

.novel-description{
    max-width:800px;
    font-size:24px;
    line-height:1.8;
    color:#d7d7d7;
    margin-top:30px;
}

.novel-stats{
    display:flex;
    gap:60px;
    margin:40px 0;
}

.stat{
    display:flex;
    flex-direction:column;
}

.stat h3{
    color:#34d3ff;
    font-size:42px;
    font-weight:700;
    margin:0;
}

.stat p{
    color:white;
    font-size:20px;
    margin-top:5px;
}

.novel-actions{
display:flex;
gap:20px;
}

.chapters-section{
padding:0 80px 100px;
}

.chapters-section h2{
margin-bottom:30px;
}

.chapter-list{
display:flex;
flex-direction:column;
gap:15px;
}

.chapter-item{
padding:20px;
background:#111827;
border-radius:15px;
cursor:pointer;
transition:.3s;
}

.chapter-item:hover{
background:#1f2937;
}