body { font-family: 'Poppins', sans-serif; }
    .match-schedule-container { max-width: 1000px; margin: 0 auto; padding: 0 1rem 3rem; box-sizing: border-box; }
    .league-title {
      font-size: 15px; font-weight: bold; margin: 20px auto 15px; background: #d10000; color: white;
      border-radius: 5px; text-align: center; padding: 10px; width: calc(100% - 2rem); max-width: 960px;
    }
    .match-card {
      display: block; border-radius: 10px; box-shadow: 0 3px 8px rgba(0,0,0,0.12);
      border: 1px solid #e2e8f0; padding: 12px; margin: 12px auto; text-decoration: none;
      background: #fff; width: calc(100% - 1rem); max-width: 960px; transition: all 0.25s;
    }
    .dark .match-card { background: #1f2937; border-color: #4b5563; }
    .match-card:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.15); }
    .dark .match-card:hover { background: #2d3748; }
    .match-card-content { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .match-team { flex: 1; text-align: center; }
    .match-team img { width: 52px; height: 52px; margin: 0 auto; border-radius: 8px; }
    .match-team-name {
      margin-top: 8px; font-size: 0.83rem; font-weight: 600; color: #1f2937;
      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .dark .match-team-name { color: #f1f5f9; }
    .match-center { text-align: center; }
    .match-vs { font-weight: bold; color: #000000; font-size: 0.9rem; }
    .dark .match-vs { color: #cbd5e1; }
    .match-status {
      margin-top: 6px; font-size: 0.78rem !important; font-weight: bold;
      padding: 5px 10px; border-radius: 6px; display: inline-block;
      min-width: 72px; text-align: center;
    }
    .match-status-countdown { background: #16a34a; color: white; }
    .match-status-live {
      background: #dc2626; color: white; animation: pulse 2s infinite;
      font-size: 0.76rem !important; padding: 5px 8px;
    }
    .match-status-over { background: #000000; color: #ffffff; }
    @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
    @media (max-width: 480px) {
      .match-status { font-size: 0.73rem !important; padding: 4px 8px !important; min-width: 64px; }
    }
    header {
      position: fixed; top: 0; width: 100%; background: white;
      box-shadow: 0 4px 12px rgba(0,0,0,0.1); z-index: 100;
    }
    .dark header { background: #111827; }
    .header-container {
      max-width: 1000px; margin: 0 auto; padding: 0 1rem;
      height: 70px; display: flex; justify-content: space-between; align-items: center;
    }
    .toggle { position: relative; display: inline-block; width: 46px; height: 24px; }
    .toggle input { opacity: 0; width:0; height:0; }
    .slider {
      position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0;
      background: #ccc; border-radius: 30px; transition: .4s;
    }
    .slider:before {
      position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px;
      background: white; border-radius: 50%; transition: .4s;
    }
    input:checked + .slider { background: #3b82f6; }
    input:checked + .slider:before { transform: translateX(22px); }
    .dmca-section, .footer {
      max-width: 1000px; margin: 2rem auto; padding: 1.5rem; background: #f8fafc;
      border-radius: 12px; text-align: center;
    }
    .dark .dmca-section, .dark .footer { background: #1f2937; color: #e2e8f0; }