.song-component{font-family:Poppins,sans-serif;background-color:#f4f4f9;padding:20px;margin:20px auto;max-width:1200px;border-radius:16px;box-shadow:0 8px 24px #0000001a}.song-component h1{font-size:36px;color:#2b2d42;text-align:center;margin-bottom:15px;font-weight:600;letter-spacing:1px}.song-component img{display:block;margin:0 auto;max-width:250px;border-radius:12px;box-shadow:0 6px 18px #0000001a;transition:transform .3s ease}.song-component img:hover{transform:scale(1.05)}.song-component h2{font-size:28px;color:#3e4c59;margin-top:40px;text-align:center;font-weight:500}.song-component ul{list-style-type:none;padding:0;margin:20px 0}.song-component li{background-color:#fff;padding:18px;margin-bottom:15px;border-radius:10px;box-shadow:0 4px 10px #00000012;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:box-shadow .3s ease;cursor:pointer}.song-component li:hover{box-shadow:0 8px 20px #00000026}.song-component h3{font-size:22px;color:#1f4068;margin-bottom:10px;text-align:center}.song-component p{font-size:14px;color:#888;margin-top:5px;text-align:center}.song-component p{font-size:18px;text-align:center;color:#6c757d}.song-component .error{color:#d9534f;text-align:center;font-size:18px}@media (max-width: 768px){.song-component{padding:15px;max-width:100%}.song-component h1{font-size:30px}.song-component h2{font-size:24px}.song-component img{max-width:200px}.song-component li{padding:15px}.song-component h3{font-size:18px}.song-component p{font-size:12px}}