.page-container{background-color:#111;min-height:100vh}.matches-container{background-color:#111;min-height:100vh;margin:0 auto;padding:2rem 1rem}.matches-header{text-align:center;margin-bottom:3rem}.matches-header h1{color:#fff;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.matches-subtitle{color:#9c9c9c;font-size:1.1rem}.matches-list{flex-direction:column;gap:1.5rem;display:flex}.match-card{background-color:#1f1f1f;border:1px solid #373737;border-radius:1rem;padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 25px 50px -12px #00000040}.match-card.clickable{cursor:pointer}.match-card.clickable:active{transform:scale(.99)}.match-card:hover{border-color:#4b4b4b;transform:translateY(-2px);box-shadow:0 25px 50px -12px #0006}.match-card.live{border-left:4px solid #22c55e}.match-card.live:hover{border-color:#4b4b4b;transform:translateY(-2px);box-shadow:0 0 50px -12px #afafaf66}.match-card.finished{border-left:4px solid #6b6b6b}.match-card.finished:hover{border-color:#afafaf;transform:translateY(-2px);box-shadow:0 0 50px -12px #afafaf66}.match-card.scheduled{border-left:4px solid #3b82f6}.match-date{color:#9c9c9c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:.875rem;font-weight:500}.match-teams{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1rem;display:flex}.team-container{flex:1;align-items:center;gap:1rem;display:flex}.home-team{justify-content:flex-start}.away-team{justify-content:flex-end}.match-team-crest{object-fit:contain;filter:drop-shadow(0 10px 8px #0000000a)drop-shadow(0 4px 3px #0000001a);width:48px;height:48px}.team-name{color:#fff;font-size:1.2rem;font-weight:600}.match-score{flex-shrink:0;justify-content:center;align-items:center;min-width:100px;display:flex}.score-display{align-items:center;gap:1rem;display:flex}.score{color:#fff;text-align:center;min-width:30px;font-size:2rem;font-weight:700}.separator{color:#9c9c9c;font-weight:500}.vs-display{color:#9c9c9c;background:#373737;border:1px solid #4b4b4b;border-radius:6px;padding:.5rem 1rem;font-size:1.25rem;font-weight:700}.match-status{justify-content:center;align-items:center;gap:.75rem;display:flex}.expand-indicator{color:#9c9c9c;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;transition:transform .2s}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:600}.status-badge.scheduled{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.status-badge.live{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.status-badge.finished{color:#9c9c9c;background:#373737;border:1px solid #4b4b4b}@media (width<=768px){.match-teams{gap:.5rem}.team-name{font-size:1rem}.match-team-crest{width:36px;height:36px}}