body{align-items:center;background:linear-gradient(to bottom right,#4f46e5,#7c3aed,#ec4899);display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:20px}.container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:800px;padding:30px;text-align:center;width:100%}.title{align-items:center;color:#333;display:flex;font-size:2rem;font-weight:700;justify-content:center;margin-bottom:20px}.title-icon{color:#7c3aed;font-size:24px;margin-right:10px}.input-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}input{border:2px solid #ccc;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}input:focus{border-color:#7c3aed;box-shadow:0 0 5px #7c3aed4d;outline:none}button{background:linear-gradient(90deg,#7c3aed,#ec4899);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:transform .2s ease,box-shadow .2s ease}button:hover{box-shadow:0 4px 10px #7c3aed4d;transform:scale(1.05)}.track-list{margin-top:20px}.track-item{align-items:center;background:#f8f8f8;border-radius:12px;box-shadow:0 4px 10px #0000000d;display:flex;margin-bottom:10px;padding:15px;transition:all .3s ease}.track-item:hover{background:#f3e8ff;transform:scale(1.02)}.track-icon{background:#7c3aed;border-radius:50%;color:#fff;margin-right:10px;padding:10px}.track-name{color:#333;font-size:18px;font-weight:700}
/*# sourceMappingURL=main.e5e419b5.css.map*/