Tracks
.tracks-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 25px;
padding: 40px 20px;
font-family: 'Arial', sans-serif;
direction: ltr;
background-color: #f9fbfe;
}
.track-card {
background: linear-gradient(135deg, #eef5ff, #ffffff);
border: 1px solid #d3e3fc;
border-radius: 16px;
box-shadow: 0 8px 18px rgba(0,0,0,0.08);
width: 320px;
padding: 25px 20px;
transition: all 0.3s ease;
text-align: left;
}
.track-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 24px rgba(0,0,0,
