/* --- UI Dasar Totalsportek Style --- */
body {
background-color: #121212;
color: #e0e0e0;
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}
.header {
background-color: #1f1f1f;
padding: 15px 5%;
border-bottom: 2px solid #333;
display: flex;
justify-content: space-between;
align-items: center;
}
.header h1 { color: #ff4500; margin: 0; font-size: 24px; }
/* Grid Pertandingan */
.match-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
padding: 20px 5%;
}
.match-card {
background: #1e1e1e;
border-radius: 8px;
padding: 15px;
text-align: center;
border: 1px solid #333;
transition: 0.3s;
}
.match-card:hover {
border-color: #ff4500;
transform: translateY(-5px);
}
.match-time {
color: #ff4500;
font-weight: bold;
font-size: 0.9em;
margin-bottom: 10px;
}
.teams {
display: flex;
justify-content: space-around;
align-items: center;
margin: 15px 0;
}
.team-name { font-weight: bold; font-size: 1.1em; }
.btn-watch {
background-color: #ff4500;
color: white;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
display: inline-block;
font-weight: bold;
}