body{
background:#0d0d0d;
color:#fff;
font-family:Segoe UI, sans-serif;
}

a{ text-decoration:none; color:#fff; }

.navbar{
background:#111;
border-bottom:1px solid #222;
}

.section-title{
font-size:20px;
font-weight:600;
margin-bottom:15px;
border-left:4px solid #0d6efd;
padding-left:10px;
}

.song-card{
background:#1a1a1a;
border-radius:12px;
overflow:hidden;
transition:.3s;
margin-bottom:20px;
}

.song-card:hover{
transform:translateY(-5px);
box-shadow:0 0 15px rgba(0,0,0,.5);
}

.song-card img{
width:100%;
height:180px;
object-fit:cover;
}

.song-info{
padding:10px;
}

.song-title{
font-size:15px;
font-weight:600;
display:block;
}

.song-singer{
font-size:13px;
color:#aaa;
display:block;
margin-top:3px;
}

.sidebar-box{
background:#1a1a1a;
padding:15px;
border-radius:10px;
margin-bottom:20px;
}

.category-box{
background:#1a1a1a;
padding:15px;
border-radius:10px;
margin-bottom:20px;
text-align:center;
transition:.3s;
}

.category-box:hover{
background:#222;
}

.footer{
background:#111;
padding:20px;
margin-top:40px;
text-align:center;
color:#aaa;
}