:root{
    --bg: #0A0D13;
    --bg-raised: #10141C;
    --card: #151A24;
    --card-border: #232938;
    --gold: #E3A83B;
    --gold-bright: #F4C563;
    --gold-dim: #8A6A2C;
    --ivory: #F3EFE4;
    --muted: #8B92A5;
    --muted-dim: #565E70;
    --live: #4ADE80;
    --live-dim: rgba(74,222,128,0.12);
    --bs-body-bg: var(--bg);
    --bs-body-color: var(--ivory);
  }
 
  body{
    background: var(--bg);
    color: var(--ivory);
    font-family:'Work Sans', sans-serif;
  }
  a{ text-decoration:none; }
 
  h1,h2,h3,h4,.display-font{
    font-family:'Teko', sans-serif;
    font-weight:600;
    letter-spacing:0.01em;
    line-height:1.02;
  }
  .mono{ font-family:'JetBrains Mono', monospace; }
 
  /* background glow */
  .seam-bg{
    position:fixed; inset:0; z-index:0; pointer-events:none;
    background:
      radial-gradient(ellipse 900px 500px at 15% -10%, rgba(227,168,59,0.09), transparent 60%),
      radial-gradient(ellipse 700px 600px at 110% 20%, rgba(227,168,59,0.05), transparent 55%);
  }
  main, header, footer{ position:relative; z-index:1; }
 
  /* NAV */
  .navbar-overxi{
    background:rgba(10,13,19,0.82) !important;
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--card-border);
  }
  .navbar-overxi .nav-link{
    color:var(--muted) !important;
    font-weight:500;
    font-size:15px;
  }
  .navbar-overxi .nav-link:hover{ color:var(--ivory) !important; }
  .brand-logo{
    font-family:'Teko', sans-serif;
    font-size:30px;
    font-weight:700;
    color:var(--ivory) !important;
  }
  .brand-logo .xi{ color:var(--gold); }
 
  /* buttons */
  .btn-gold{
    background:linear-gradient(180deg, var(--gold-bright), var(--gold));
    color:#1A1204;
    font-weight:600;
    border:none;
    box-shadow: 0 1px 0 rgba(255,255,255,0.25) inset, 0 8px 22px -8px rgba(227,168,59,0.55);
  }
  .btn-gold:hover{
    color:#1A1204;
    transform:translateY(-1px);
    box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 12px 26px -8px rgba(227,168,59,0.7);
  }
  .btn-outline-gold{
    border:1px solid var(--card-border);
    color:var(--ivory);
    font-weight:600;
  }
  .btn-outline-gold:hover{
    border-color:var(--gold-dim);
    color:var(--gold-bright);
    background:transparent;
  }
 
  .eyebrow-pill{
    display:inline-flex; align-items:center; gap:8px;
    font-family:'JetBrains Mono', monospace;
    font-size:12px; letter-spacing:0.14em; text-transform:uppercase;
    color:var(--gold-bright);
    background:rgba(227,168,59,0.08);
    border:1px solid rgba(227,168,59,0.25);
    padding:6px 12px; border-radius:100px;
  }
  .dot-live{
    width:6px; height:6px; border-radius:50%;
    background:var(--live);
    animation:pulseDot 1.6s infinite;
  }
  @keyframes pulseDot{
    0%{ box-shadow:0 0 0 0 rgba(74,222,128,0.55); }
    70%{ box-shadow:0 0 0 7px rgba(74,222,128,0); }
    100%{ box-shadow:0 0 0 0 rgba(74,222,128,0); }
  }
 
  .hero h1 .accent{ color:var(--gold); }
  .lead-muted{ color:var(--muted); font-size:18px; max-width:480px; }
 
  .hero-stats{ border-top:1px solid var(--card-border); padding-top:26px; }
  .hero-stats b{
    font-family:'Teko', sans-serif; font-size:30px; color:var(--gold-bright); font-weight:600; display:block;
  }
  .hero-stats span{
    font-size:12.5px; color:var(--muted-dim); text-transform:uppercase; letter-spacing:0.06em;
  }
 
  /* scoreboard card */
  .scoreboard-card{
    background:linear-gradient(180deg, var(--bg-raised), var(--card));
    border:1px solid var(--card-border);
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 30px 60px -30px rgba(0,0,0,0.7);
  }
  .sb-nav.nav-tabs{
    background:#0D1119;
    border-bottom:1px solid var(--card-border);
    border-radius:0;
  }
  .sb-nav.nav-tabs .nav-link{
    flex:1; text-align:center;
    font-family:'Teko', sans-serif; font-size:19px; letter-spacing:0.04em;
    color:var(--muted-dim);
    border:none; border-bottom:2px solid transparent;
    border-radius:0;
    padding:10px 50px;
  }
  .sb-nav.nav-tabs .nav-link.active{
    color:var(--gold-bright);
    background:rgba(227,168,59,0.05);
    border-color: var(--gold);
    border-bottom-width:2px;
  }
 
  .match-card{
    background:var(--bg-raised);
    border:1px solid var(--card-border);
    border-radius:10px;
    padding:18px;
  }
  .match-tag{ font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.08em; text-transform:uppercase; color:var(--muted); }
  .match-live{
    display:inline-flex; align-items:center; gap:6px;
    font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:0.1em; color:var(--live);
    background:var(--live-dim); padding:4px 9px; border-radius:100px;
  }
  .team-flag{
    width:28px; height:28px; border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    font-family:'Teko', sans-serif; font-size:14px; font-weight:700;
    background:var(--card); border:1px solid var(--card-border); color:var(--gold-bright);
  }
  .team-score{ font-family:'JetBrains Mono', monospace; font-size:17px; font-weight:700; color:var(--ivory); }
  .team-score .ov{ color:var(--muted-dim); font-size:12px; font-weight:400; margin-left:5px; }
  .match-foot{ border-top:1px dashed var(--card-border); padding-top:12px; margin-top:12px; }
  .btn-mini{
    font-family:'JetBrains Mono', monospace; font-size:11.5px; letter-spacing:0.05em; text-transform:uppercase;
    color:var(--gold-bright); border:1px solid rgba(227,168,59,0.3); padding:6px 12px; border-radius:6px;
  }
  .btn-mini:hover{ background:rgba(227,168,59,0.1); color:var(--gold-bright); }
 
  /* sections */
  section{ padding:100px 0; }
  .section-eyebrow{
    font-family:'JetBrains Mono', monospace; font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold);
  }
  .section-head p{ color:var(--muted); font-size:16.5px; max-width:560px; }
 
  .bg-raised-section{
    background:var(--bg-raised);
    border-top:1px solid var(--card-border);
    border-bottom:1px solid var(--card-border);
  }
 
  .feature-card{
    background:var(--bg-raised);
    border:1px solid var(--card-border);
    padding:32px 28px;
    height:100%;
    transition:background .25s ease;
  }
  .feature-card:hover{ background:var(--card); }
  .feature-icon{
    width:44px; height:44px; border-radius:10px;
    background:rgba(227,168,59,0.1); border:1px solid rgba(227,168,59,0.25);
    display:flex; align-items:center; justify-content:center;
    font-size:20px; color:var(--gold);
    margin-bottom:20px;
  }
  .feature-card h3{ font-family:'Work Sans',sans-serif; font-size:18px; font-weight:700; color:var(--ivory); }
  .feature-card p{ font-size:14.5px; color:var(--muted); line-height:1.6; }
  
  
  
  
  .sports-section{
  --gold: #E3A83B;
  --gold-bright: #F4C563;
  --gold-dim: #8A6A2C;
  --bg-raised: #10141C;
  --card: #151A24;
  --card-border: #232938;
  --ivory: #F3EFE4;
  --muted: #8B92A5;
  --muted-dim: #565E70;
  --live: #4ADE80;
  --live-dim: rgba(74,222,128,0.12);

  background: var(--bg-raised, #10141C);
  border-top: 1px solid var(--card-border);
  border-bottom: 1px solid var(--card-border);
  padding: 100px 0;
  font-family: 'Work Sans', sans-serif;
  color: var(--ivory);
}

.sports-container{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 32px;
}

.sports-head{
  max-width: 620px;
  margin-bottom: 52px;
}

.sports-eyebrow{
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 14px;
}

.sports-title{
  font-weight: 600;
  font-size: clamp(32px, 4vw, 46px);
  line-height: 1.05;
  color: var(--ivory);
  margin: 0 0 14px;
}

.sports-sub{
  color: var(--muted);
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

.sports-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.sport-card{
  background: var(--card);
  border: 1px solid var(--card-border);
  border-radius: 14px;
  padding: 26px 22px;
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.sport-card:hover{
  transform: translateY(-4px);
  border-color: var(--gold-dim);
  background: #181E2A;
}

.sport-card-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.sport-icon{
  width: 46px;
  height: 46px;
  border-radius: 10px;
  background: rgba(227,168,59,0.1);
  border: 1px solid rgba(227,168,59,0.25);
  color: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sport-icon svg{
  width: 22px;
  height: 22px;
}

.sport-tag{
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--muted);
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--card-border);
  padding: 4px 8px;
  border-radius: 100px;
  white-space: nowrap;
}

.sport-tag.live{
  color: var(--live);
  background: var(--live-dim);
  border-color: transparent;
}

.sport-name{
  font-weight: 600;
  font-size: 26px;
  letter-spacing: 0.01em;
  color: var(--ivory);
  margin: 0 0 8px;
}

.sport-desc{
  font-size: 14px;
  color: var(--muted);
  line-height: 1.6;
  margin: 0 0 20px;
  flex: 1;
}

.sport-meta{
  display: flex;
  gap: 18px;
  font-size: 12.5px;
  color: var(--muted-dim);
  margin-bottom: 20px;
  padding-top: 16px;
  border-top: 1px dashed var(--card-border);
}

.sport-meta strong{
  color: var(--gold-bright);
  font-weight: 700;
}

.sport-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 11px 18px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--ivory);
  border: 1px solid var(--card-border);
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.sport-btn:hover{
  background: linear-gradient(180deg, var(--gold-bright), var(--gold));
  color: #1A1204;
  border-color: transparent;
}

@media (max-width: 980px){
  .sports-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px){
  .sports-container{ padding: 0 20px; }
  .sports-grid{ grid-template-columns: 1fr; }
  .sports-section{ padding: 70px 0; }
}
  
  
  
  
 
  /* process */
  .process-item{ border-bottom:1px solid var(--card-border); padding:32px 0; }
  .process-item:first-child{ border-top:1px solid var(--card-border); }
  .process-num{
    font-family:'Teko', sans-serif; font-size:56px; line-height:1;
    color:transparent; -webkit-text-stroke:1.5px var(--gold-dim);
  }
  .proc-meta{
    font-family:'JetBrains Mono', monospace; font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold);
    display:block; margin-bottom:6px;
  }
  .process-item h3{ font-family:'Work Sans',sans-serif; font-size:20px; font-weight:700; color:var(--ivory); }
  .process-item p{ color:var(--muted); font-size:15px; max-width:520px; }
 
  /* testimonials */
  .test-card{
    background:var(--card); border:1px solid var(--card-border); border-radius:12px;
    padding:26px; height:100%; display:flex; flex-direction:column;
  }
  .stars{ color:var(--gold); font-size:14px; letter-spacing:2px; }
  .test-card p.quote{ font-size:15px; color:var(--ivory); line-height:1.65; flex:1; }
  .avatar{
    width:38px; height:38px; border-radius:50%;
    background:linear-gradient(135deg, var(--gold), var(--gold-dim));
    display:flex; align-items:center; justify-content:center;
    font-family:'Teko', sans-serif; font-weight:700; font-size:15px; color:#1A1204;
  }
  .test-person span{ font-size:12.5px; color:var(--muted-dim); }
 
  /* cta */
  .cta-box{
    background:linear-gradient(135deg, #171106 0%, #151A24 55%, #0D1119 100%);
    border:1px solid rgba(227,168,59,0.25);
    border-radius:20px;
    padding:64px 56px;
    text-align:center;
    position:relative;
    overflow:hidden;
  }
  .cta-box::before{
    content:"";
    position:absolute; inset:0;
    background:radial-gradient(circle at 50% 0%, rgba(227,168,59,0.16), transparent 60%);
  }
  .cta-box > *{ position:relative; }
  .cta-box h2 .accent{ color:var(--gold); }
  .cta-note{
    font-family:'JetBrains Mono', monospace; font-size:11.5px; color:var(--muted-dim); letter-spacing:0.03em;
  }
 
  /* footer */
  footer{ background:#080A0F; border-top:1px solid var(--card-border); }
  .footer-top{ border-bottom:1px solid var(--card-border); padding:70px 0 56px; }
  .footer-brand p{ color:var(--muted); font-size:14px; max-width:280px; line-height:1.7; }
  .social-icon{
    width:34px; height:34px; border-radius:8px; border:1px solid var(--card-border);
    display:flex; align-items:center; justify-content:center; color:var(--muted);
  }
  .social-icon:hover{ border-color:var(--gold-dim); color:var(--gold-bright); }
  .footer-col h4{
    font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:var(--muted);
    margin-bottom:18px;
  }
  .footer-col a{ font-size:14.5px; color:var(--ivory); opacity:0.82; }
  .footer-col a:hover{ opacity:1; color:var(--gold-bright); }
  .footer-bottom{ padding:26px 0 34px; font-size:12.5px; color:var(--muted-dim); }
  .footer-bottom a{ color:var(--muted-dim); }
  .footer-bottom a:hover{ color:var(--gold-bright); }
  .disclaimer-strip{ background:#0D1119; border-top:1px solid var(--card-border); padding:18px 0; }
  .disclaimer-strip p{ font-size:12px; color:var(--muted-dim); line-height:1.7; max-width:820px; margin:0 auto; }
 
  :focus-visible{ outline:2px solid var(--gold-bright); outline-offset:2px; }
  @media (prefers-reduced-motion: reduce){
    *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
  }