@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=Teko:wght@500;600;700&display=swap');
    :root {
      --sport-gold: #FFC700;
      --sport-cyan: #00F0FF;
      --sport-dark: #08090C;
      --sport-surface: #10121A;
      --sport-card: #161922;
      --sport-border: rgba(0, 240, 255, 0.2);
    }
    * { margin:0; padding:0; box-sizing: border-box; }
    body { background: var(--sport-dark); color: #FFF; font-family: 'Outfit', sans-serif; }
    .container { max-width: 1300px; margin: 0 auto; padding: 0 1.5rem; }
    .btn-sport { background: linear-gradient(135deg, #FFC700 0%, #FF9900 100%); color: #000; font-weight: 800; text-transform: uppercase; padding: 0.85rem 1.75rem; border-radius: 4px; display: inline-flex; align-items: center; gap: 0.5rem; border: none; cursor: pointer; text-decoration: none; }
    .btn-cyan { background: transparent; border: 2px solid var(--sport-cyan); color: var(--sport-cyan); font-weight: 800; text-transform: uppercase; padding: 0.8rem 1.75rem; border-radius: 4px; text-decoration: none; }
    .sport-header { background: rgba(16, 18, 26, 0.95); border-bottom: 2px solid var(--sport-gold); padding: 1rem 0; position: sticky; top: 0; z-index: 1000; }
    .roster-card { background: var(--sport-card); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; padding: 1.5rem; }