:root{
    --bg:#0b0f14;
    --bg-alt:#111823;
    --card:#141c28;
    --text:#eef2f7;
    --text-dim:#9fb0c3;
    --line:rgba(255,255,255,0.08);
    --accent:#33e6a0;
    --soccer:#2ecc71;
    --worldcup:#f4b93c;
    --cricket:#17c3b2;
    --tennis:#c6e83b;
    --basketball:#ff8a3d;
    --baseball:#e8483c;
    --hockey:#4d9bff;
    --football:#8b5cf6;
    --golf:#c9a227;
    --misc:#6366f1;
    --radius:16px;
    --maxw:1180px;
  }
  @media (prefers-color-scheme: light){
    :root{
      --bg:#f5f7fa;
      --bg-alt:#ffffff;
      --card:#ffffff;
      --text:#0f1720;
      --text-dim:#5a6b7d;
      --line:rgba(15,23,32,0.09);
    }
  }
  :root[data-theme="dark"]{
    --bg:#0b0f14; --bg-alt:#111823; --card:#141c28; --text:#eef2f7; --text-dim:#9fb0c3; --line:rgba(255,255,255,0.08);
  }
  :root[data-theme="light"]{
    --bg:#f5f7fa; --bg-alt:#ffffff; --card:#ffffff; --text:#0f1720; --text-dim:#5a6b7d; --line:rgba(15,23,32,0.09);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--text);
    font-family:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;text-decoration:none;}
  img,svg{display:block;max-width:100%;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}

  /* Header */
  header{
    position:sticky;top:0;z-index:100;
    background:color-mix(in srgb, var(--bg) 88%, transparent);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:var(--maxw);margin:0 auto;flex-wrap:wrap;row-gap:10px;}
  .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:.2px;white-space:nowrap;}
  .brand .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--soccer),var(--hockey));display:flex;align-items:center;justify-content:center;}
  .brand .mark svg{width:20px;height:20px;stroke:#fff;}
  .navlinks{display:flex;gap:9px;list-style:none;margin:0;padding:0;}
  .navlinks a{font-size:.92rem;font-weight:600;color:var(--text-dim);transition:color .15s;white-space:nowrap;}
  .navlinks a:hover{color:var(--accent);}
  .navtoggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 10px;color:var(--text);cursor:pointer;}
  .navtoggle svg{width:20px;height:20px;stroke:currentColor;}

  .nav-actions{display:flex;align-items:center;gap:8px;}
  .theme-toggle{
    display:flex;align-items:center;justify-content:center;
    width:36px;height:36px;border-radius:8px;
    border:1px solid var(--line);background:none;color:var(--text);cursor:pointer;
    transition:border-color .15s,color .15s;
  }
  .theme-toggle:hover{border-color:var(--accent);color:var(--accent);}
  .theme-toggle svg{width:18px;height:18px;stroke:currentColor;}
  .theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none;}
  :root[data-theme="dark"] .theme-toggle .icon-sun{display:block;}
  :root[data-theme="light"] .theme-toggle .icon-moon{display:block;}
  @media (prefers-color-scheme: dark){
    :root:not([data-theme]) .theme-toggle .icon-sun{display:block;}
  }
  @media (prefers-color-scheme: light){
    :root:not([data-theme]) .theme-toggle .icon-moon{display:block;}
  }

  @media (max-width:880px){
    .navlinks{
      position:fixed;inset:60px 0 auto 0;
      flex-direction:column;
      background:var(--bg-alt);
      border-bottom:1px solid var(--line);
      padding:16px 24px 22px;
      gap:16px;
      transform:translateY(-120%);
      opacity:0;
      transition:transform .25s ease, opacity .25s ease;
    }
    .navlinks.open{transform:translateY(0);opacity:1;}
    .navtoggle{display:flex;}
  }

  /* Hero */
  .hero{
    position:relative;
    overflow:hidden;
    padding:88px 0 96px;
    background:
      radial-gradient(ellipse 60% 50% at 15% 0%, color-mix(in srgb, var(--soccer) 25%, transparent), transparent),
      radial-gradient(ellipse 60% 50% at 85% 20%, color-mix(in srgb, var(--worldcup) 20%, transparent), transparent),
      radial-gradient(ellipse 50% 40% at 50% 100%, color-mix(in srgb, var(--hockey) 18%, transparent), transparent);
  }
  .hero .wrap{position:relative;text-align:center;}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:var(--accent);
    background:color-mix(in srgb, var(--accent) 14%, transparent);
    border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);
    padding:6px 14px;border-radius:999px;margin-bottom:22px;
  }
  h1.title{
    font-size:clamp(2.1rem, 5.4vw, 3.6rem);
    font-weight:800;
    margin:0 0 18px;
    letter-spacing:-.02em;
  }
  h1.title span{
    background:linear-gradient(90deg,var(--soccer),var(--worldcup),var(--hockey));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .subtitle{
    max-width:640px;margin:0 auto 34px;
    color:var(--text-dim);
    font-size:clamp(1rem,2vw,1.15rem);
  }
  .hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 26px;border-radius:999px;font-weight:700;font-size:.95rem;
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .btn-primary{background:var(--accent);color:#06170f;}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 45%, transparent);}
  .btn-ghost{border:1px solid var(--line);color:var(--text);}
  .btn-ghost:hover{border-color:var(--accent);color:var(--accent);}

  .ticker{
    margin-top:56px;
    display:flex;gap:10px;flex-wrap:wrap;justify-content:center;
  }
  .chip{
    font-size:.82rem;font-weight:600;color:var(--text-dim);
    border:1px solid var(--line);padding:8px 14px;border-radius:999px;
    display:flex;align-items:center;gap:7px;
  }
  .chip .dot{width:7px;height:7px;border-radius:50%;}

  /* Section grid */
  .sections{padding:70px 0 40px;}
  .section-head{text-align:center;margin-bottom:44px;}
  .section-head h2{font-size:clamp(1.6rem,3.4vw,2.2rem);margin:0 0 10px;font-weight:800;}
  .section-head p{color:var(--text-dim);margin:0;font-size:1rem;}

  .grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:22px;
  }
  .card{
    grid-column:span 1;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    padding:28px 24px;
    position:relative;
    overflow:hidden;
    transition:transform .2s ease, border-color .2s ease;
  }
  .card:hover{transform:translateY(-4px);border-color:var(--_accent);}
  .card::before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(160deg, var(--_accent) 0%, transparent 40%);
    opacity:.10;
    pointer-events:none;
  }
  .card .icon{
    width:56px;height:56px;border-radius:14px;
    display:flex;align-items:center;justify-content:center;
    background:color-mix(in srgb, var(--_accent) 20%, transparent);
    margin-bottom:18px;
  }
  .card .icon svg{width:30px;height:30px;stroke:var(--_accent);}
  .card h3{margin:0 0 8px;font-size:1.2rem;font-weight:800;}
  .card p{margin:0 0 18px;color:var(--text-dim);font-size:.92rem;}
  .card .go{
    display:inline-flex;align-items:center;gap:6px;
    font-weight:700;font-size:.88rem;color:var(--_accent);
  }
  .card .go svg{width:16px;height:16px;stroke:var(--_accent);transition:transform .15s;}
  .card:hover .go svg{transform:translateX(4px);}

  .c-soccer{--_accent:var(--soccer);}
  .c-worldcup{--_accent:var(--worldcup);}
  .c-cricket{--_accent:var(--cricket);}
  .c-tennis{--_accent:var(--tennis);}
  .c-basketball{--_accent:var(--basketball);}
  .c-baseball{--_accent:var(--baseball);}
  .c-hockey{--_accent:var(--hockey);}
  .c-football{--_accent:var(--football);}
  .c-golf{--_accent:var(--golf);}
  .c-misc{--_accent:var(--misc);}

  /* Detail sections */
  .detail{
    padding:80px 0;
    border-top:1px solid var(--line);
  }
  .detail:nth-of-type(even){background:var(--bg-alt);}
  .detail-head{
    display:flex;align-items:center;gap:18px;margin-bottom:26px;flex-wrap:wrap;
  }
  .detail-head .icon-lg{
    width:64px;height:64px;border-radius:16px;
    display:flex;align-items:center;justify-content:center;
    background:color-mix(in srgb, var(--_accent) 20%, transparent);
    flex-shrink:0;
  }
  .detail-head .icon-lg svg{width:34px;height:34px;stroke:var(--_accent);}
  .detail-head h2{margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;}
  .detail-head .tag{
    font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
    color:var(--_accent);
  }
  .detail p.lead{color:var(--text-dim);max-width:720px;margin:0 0 28px;}

  .pill-row{display:flex;gap:10px;flex-wrap:wrap;}
  .pill{
    font-size:.85rem;font-weight:600;
    border:1px solid var(--line);
    padding:9px 16px;border-radius:999px;
    display:flex;align-items:center;gap:8px;
    background:var(--card);
  }
  .pill .dot{width:7px;height:7px;border-radius:50%;background:var(--_accent);}

  footer{
    border-top:1px solid var(--line);
    padding:40px 0;
    text-align:center;
    color:var(--text-dim);
    font-size:.85rem;
  }
  footer .fbrand{font-weight:800;color:var(--text);margin-bottom:8px;}
  footer .flinks{display:flex;gap:18px;justify-content:center;margin-top:14px;flex-wrap:wrap;}
  footer .flinks a{color:var(--text-dim);font-weight:600;}
  footer .flinks a:hover{color:var(--accent);}

  /* Final promo banner */
  .final-promo{
    display:block;position:relative;overflow:hidden;
    background:
      radial-gradient(ellipse 70% 90% at 50% -10%, rgba(255,255,255,.10), transparent 60%),
      linear-gradient(160deg,#6e0f1a,#3c0810 65%,#2a0509);
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .final-promo:hover{filter:brightness(1.06);}
  .final-promo .fp-num{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    font-size:min(48vw,520px);font-weight:900;color:rgba(255,255,255,.05);
    line-height:1;letter-spacing:-.04em;user-select:none;pointer-events:none;white-space:nowrap;
  }
  .final-promo .fp-inner{position:relative;max-width:var(--maxw);margin:0 auto;padding:36px 24px 30px;text-align:center;}
  .final-promo .fp-eyebrow{
    display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    color:#ffd873;background:rgba(255,255,255,.08);border:1px solid rgba(255,216,115,.4);
    padding:5px 14px;border-radius:999px;margin-bottom:22px;
  }
  .fp-lineup{display:flex;align-items:center;justify-content:center;gap:clamp(6px,3vw,28px);margin-bottom:14px;}
  .fp-player{width:clamp(46px,9vw,84px);opacity:.92;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));}
  .fp-player.dim{opacity:.55;}
  .fp-trophy{width:clamp(54px,11vw,100px);margin:0 6px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45));}
  .fp-vs-row{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0 20px;flex-wrap:wrap;}
  .fp-flag{width:clamp(64px,14vw,120px);height:clamp(40px,9vw,74px);border-radius:8px;overflow:hidden;
    box-shadow:0 6px 16px rgba(0,0,0,.4);position:relative;border:1px solid rgba(255,255,255,.25);}
  .fp-flag svg{display:block;width:100%;height:100%;}
  .fp-v{font-weight:800;font-size:.85rem;color:#fff;background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.3);width:38px;height:38px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .final-promo h2{font-size:clamp(1.7rem,5.4vw,3rem);font-weight:900;margin:0 0 10px;letter-spacing:-.01em;text-transform:uppercase;}
  .final-promo h2 .vArg{color:#7ec8f2;}
  .final-promo h2 .vSpa{color:#ffd873;}
  .final-promo .fp-sub{font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.75);}
  .final-promo .fp-cta{margin-top:20px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.85rem;
    color:#1a1200;background:#ffd873;padding:10px 20px;border-radius:999px;}
  .final-promo .fp-cta svg{width:15px;height:15px;stroke:#1a1200;}

  /* Section photography */
  .hero{
    background-image:
      radial-gradient(ellipse 60% 50% at 15% 0%, color-mix(in srgb, var(--soccer) 25%, transparent), transparent),
      radial-gradient(ellipse 60% 50% at 85% 20%, color-mix(in srgb, var(--worldcup) 20%, transparent), transparent),
      radial-gradient(ellipse 50% 40% at 50% 100%, color-mix(in srgb, var(--hockey) 18%, transparent), transparent),
      linear-gradient(rgba(6,9,13,.55), rgba(6,9,13,.68)),
      url('/assets/images/home.jpg');
    background-size:cover;
    background-position:center;
  }
  .detail{background-size:cover;background-position:center;background-repeat:no-repeat;}
  .detail.c-soccer{background-image:linear-gradient(rgba(8,12,17,.45),rgba(8,12,17,.60)),url('/assets/images/soccer.jpg');}
  .detail.c-worldcup{background-image:linear-gradient(rgba(8,12,17,.35),rgba(8,12,17,.50)),url('/assets/images/worldcup-2026-ball.jpg');background-position:center 30%;}
  .detail.c-cricket{background-image:linear-gradient(rgba(8,12,17,.45),rgba(8,12,17,.60)),url('/assets/images/cricket.jpg');}
  .detail.c-tennis{background-image:linear-gradient(rgba(8,12,17,.45),rgba(8,12,17,.60)),url('/assets/images/tennis.jpg');background-position:center 15%;}
  .detail.c-basketball{background-image:linear-gradient(rgba(8,12,17,.45),rgba(8,12,17,.60)),url('/assets/images/basketball.jpg');}
  .detail.c-baseball{background-image:linear-gradient(rgba(8,12,17,.45),rgba(8,12,17,.60)),url('/assets/images/baseball.jpg');}
  .detail.c-hockey{background-image:linear-gradient(rgba(8,12,17,.45),rgba(8,12,17,.60)),url('/assets/images/hockey.jpg');}
  .detail.c-football{background-image:linear-gradient(rgba(8,12,17,.45),rgba(8,12,17,.60)),url('/assets/images/football.jpg');}
  .detail.c-golf{background-image:linear-gradient(rgba(8,12,17,.45),rgba(8,12,17,.60)),url('/assets/images/golf.jpg');}
  .detail{color:#eef2f7;}
  .detail .tag{color:var(--_accent);text-shadow:0 1px 6px rgba(0,0,0,.6);}
  .detail-head h2{text-shadow:0 2px 10px rgba(0,0,0,.55);}
  .detail p.lead{color:#e4eaf1;text-shadow:0 1px 8px rgba(0,0,0,.55);}
  .detail .pill{background:rgba(10,14,20,.82);border-color:rgba(255,255,255,.18);backdrop-filter:blur(4px);}
  .detail-head .icon-lg{background:rgba(10,14,20,.7);backdrop-filter:blur(4px);}

  .hero,.hero h1.title{color:#eef2f7;text-shadow:0 2px 12px rgba(0,0,0,.5);}
  .hero .subtitle{color:#e4eaf1;text-shadow:0 1px 8px rgba(0,0,0,.5);}
  .hero .chip{background:rgba(10,14,20,.72);border-color:rgba(255,255,255,.2);color:#eef2f7;backdrop-filter:blur(4px);}
  .hero .btn-ghost{border-color:rgba(255,255,255,.4);color:#eef2f7;background:rgba(10,14,20,.4);backdrop-filter:blur(4px);}
  .hero .eyebrow{background:rgba(10,14,20,.6);backdrop-filter:blur(4px);}

  /* Simple content pages: Privacy Policy, About Us, Contact Us */
  .page-header{padding:64px 0 40px;text-align:center;border-bottom:1px solid var(--line);
    background:radial-gradient(ellipse 70% 90% at 50% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent);}
  .page-header h1{font-size:clamp(1.9rem,4.4vw,2.8rem);font-weight:800;margin:0 0 12px;letter-spacing:-.02em;}
  .page-header p{color:var(--text-dim);max-width:640px;margin:0 auto;font-size:1.02rem;}

  .content-block{padding:48px 0;max-width:800px;margin:0 auto;}
  .prose h2{font-size:1.35rem;font-weight:800;margin:36px 0 14px;}
  .prose h2:first-child{margin-top:0;}
  .prose p{color:var(--text-dim);margin:0 0 16px;line-height:1.7;}
  .prose ul{color:var(--text-dim);margin:0 0 16px;padding-left:22px;line-height:1.7;}
  .prose li{margin-bottom:6px;}
  .prose strong{color:var(--text);}
  .prose a{color:var(--accent);text-decoration:underline;}
  .prose .updated{color:var(--text-dim);font-size:.85rem;margin-bottom:32px;}

  .about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:30px 0;}
  .about-grid .card{padding:22px;}
  .about-grid .card .num{font-size:1.7rem;font-weight:800;color:var(--accent);}
  .about-grid .card .lbl{font-size:.85rem;color:var(--text-dim);margin-top:4px;}

  /* Contact form */
  .contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:start;}
  @media (max-width:800px){.contact-layout{grid-template-columns:1fr;}}
  .contact-info .card{margin-bottom:16px;}
  .contact-info h3{margin:0 0 8px;font-size:1rem;font-weight:800;}
  .contact-info p{color:var(--text-dim);margin:0;font-size:.9rem;}
  .contact-form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px;}
  .form-row{margin-bottom:18px;}
  .form-row label{display:block;font-size:.85rem;font-weight:700;margin-bottom:7px;}
  .form-row input[type=text],.form-row input[type=email],.form-row textarea{
    width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--line);
    background:var(--bg-alt);color:var(--text);font-family:inherit;font-size:.95rem;
  }
  .form-row input:focus,.form-row textarea:focus{outline:2px solid var(--accent);outline-offset:1px;}
  .form-row textarea{resize:vertical;min-height:130px;}
  .form-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
  .form-submit{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--accent);color:#06170f;border:none;
    padding:13px 26px;border-radius:999px;font-weight:700;font-size:.95rem;cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .form-submit:hover{transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 45%, transparent);}
  .form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;}
  .form-status{margin-top:16px;padding:12px 16px;border-radius:10px;font-size:.9rem;font-weight:600;}
  .form-status.success{background:color-mix(in srgb, #2ecc71 18%, transparent);color:#2ecc71;border:1px solid color-mix(in srgb, #2ecc71 40%, transparent);}
  .form-status.error{background:color-mix(in srgb, #e8483c 18%, transparent);color:#e8483c;border:1px solid color-mix(in srgb, #e8483c 40%, transparent);}
  .recaptcha-note{font-size:.72rem;color:var(--text-dim);margin-top:14px;line-height:1.5;}
  .recaptcha-note a{color:var(--text-dim);text-decoration:underline;}