* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Rubik', sans-serif; }
body { background-color: #0d121d; color: white; padding-bottom: 80px; }

.sports-wrapper { background: #1a2230; }
.sport-title-header { background: #232d3f; color: white; padding: 10px 15px; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 0.5px; }

.white-section { background: white; color: #333; }
.match-promo-img { width: 100%; display: block; border-bottom: 1px solid #eee; }

.match-item { display: flex; align-items: center; padding: 12px 15px; border-bottom: 1px solid #f0f0f0; text-decoration: none; color: inherit; transition: 0.2s; }
.match-item:active { background-color: #f9f9f9; }

.match-icon-side { width: 30px; display: flex; justify-content: center; }
.match-icon-side img { width: 18px; }
.match-icon-side i { font-size: 18px; color: #555; }

.match-content { flex: 1; margin-left: 10px; }
.time-text { font-size: 11px; color: #28a745; font-weight: 700; }
.team-text { font-size: 13px; font-weight: 600; color: #1e6091; line-height: 1.4; }

.arrow-link { color: #ccc; font-size: 16px; }

.view-all-link { 
    text-align: center; padding: 15px; color: #fbc02d; font-weight: bold; 
    font-size: 14px; background: white; cursor: pointer; 
    border-bottom: 10px solid #0d121d; text-transform: uppercase; 
}