body{
margin:0;
font-family:Arial,sans-serif;
background:#111;
color:white;
}

header{
background:#1b1b1b;
padding:20px;
text-align:center;
}

nav a{
color:white;
text-decoration:none;
margin:10px;
}

.hero{
padding:100px 20px;
text-align:center;
}

.btn{
display:inline-block;
padding:15px 30px;
background:#e91e63;
color:white;
border-radius:8px;
text-decoration:none;
}

.container{
padding:20px;
}

#loadBtn{
padding:12px 20px;
background:#9c27b0;
color:white;
border:none;
border-radius:8px;
cursor:pointer;
margin-bottom:20px;
}

.match-card{
background:#222;
padding:15px;
margin-bottom:15px;
border-radius:10px;
}

.score{
font-size:28px;
font-weight:bold;
}

.live{
color:#00ff66;
font-weight:bold;
}

.league-card{
background:#222;
padding:20px;
margin-bottom:10px;
border-radius:10px;
}