/*
Theme Name: Football Scoopz World Cup Club
Theme URI: https://footballscoopz.com
Author: Football Scoopz
Description: Dark neon green WordPress homepage template for a World Cup football tips membership website.
Version: 1.0
License: GPLv2 or later
Text Domain: football-scoopz-world-cup
*/

:root{
  --bg:#050505;
  --panel:#0d0f0d;
  --panel2:#131713;
  --green:#7CFF00;
  --green2:#32d600;
  --gold:#ffd34d;
  --text:#ffffff;
  --muted:#c9c9c9;
  --border:rgba(124,255,0,.35);
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:var(--bg);
  color:var(--text);
}
a{text-decoration:none;color:inherit}
.fs-wrap{width:min(1180px,92%);margin:auto}

.fs-header{
  position:sticky;top:0;z-index:10;
  background:rgba(0,0,0,.88);
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}
.fs-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.fs-brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.5px}
.fs-logo{
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--gold),var(--green));
  color:#000;font-size:24px;
}
.fs-menu{display:flex;gap:28px;font-size:14px;font-weight:700}
.fs-menu a:hover{color:var(--green)}
.fs-actions{display:flex;gap:10px}
.fs-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 20px;border-radius:7px;
  border:1px solid var(--border);
  font-weight:900;font-size:13px;
}
.fs-btn.primary{background:linear-gradient(135deg,var(--green),var(--green2));color:#071006;border:none}
.fs-btn.gold{background:linear-gradient(135deg,var(--gold),#e2a400);color:#080808;border:none}
.fs-btn:hover{transform:translateY(-1px)}

.fs-hero{
  position:relative;
  padding:70px 0 42px;
  background:
    radial-gradient(circle at 75% 10%, rgba(124,255,0,.18), transparent 28%),
    linear-gradient(rgba(0,0,0,.64),rgba(0,0,0,.92)),
    url('assets/stadium.svg');
  background-size:cover;
  background-position:center;
}
.fs-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:center}
.fs-kicker{color:var(--green);font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}
.fs-hero h1{font-size:58px;line-height:.98;margin:0 0 18px;text-transform:uppercase}
.fs-hero h1 span{color:var(--green)}
.fs-hero p{font-size:19px;color:#eee;max-width:720px;line-height:1.5}
.fs-hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}

.fs-match-card{
  background:linear-gradient(180deg,rgba(19,23,19,.95),rgba(0,0,0,.92));
  border:1px solid var(--border);
  border-radius:14px;
  padding:24px;
  box-shadow:0 0 35px rgba(124,255,0,.08);
}
.fs-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 22px}
.fs-countdown div{background:#050805;border:1px solid rgba(124,255,0,.18);padding:12px;text-align:center;border-radius:9px}
.fs-countdown strong{font-size:30px;color:var(--green);display:block}
.fs-vs{display:flex;align-items:center;justify-content:space-around;text-align:center}
.fs-flag{font-size:46px}
.fs-vs strong{font-size:28px}

.fs-section{padding:46px 0}
.fs-title{text-align:center;margin:0 0 26px;text-transform:uppercase;font-size:28px}
.fs-title span{color:var(--green)}
.fs-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fs-plan{
  background:linear-gradient(180deg,var(--panel2),#060806);
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;padding:24px;text-align:center;
}
.fs-plan.featured{border-color:var(--gold);box-shadow:0 0 24px rgba(255,211,77,.1)}
.fs-plan h3{margin:6px 0 10px;font-size:22px}
.fs-plan .price{font-size:26px;font-weight:900;margin:20px 0}
.fs-plan .price small{font-size:12px;color:var(--muted)}
.fs-plan ul{list-style:none;padding:0;margin:0 0 22px;color:var(--muted);line-height:1.9}

.fs-dashboard{display:grid;grid-template-columns:250px 1fr 310px;gap:18px}
.fs-card{
  background:linear-gradient(180deg,var(--panel),#070907);
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  overflow:hidden;
}
.fs-card h3{margin:0;padding:16px 18px;border-bottom:1px solid rgba(124,255,0,.22);text-transform:uppercase}
.fs-side ul{list-style:none;padding:10px;margin:0}
.fs-side li{padding:11px 12px;border-radius:7px;color:#ddd}
.fs-side li.active,.fs-side li:hover{background:linear-gradient(90deg,var(--green2),rgba(124,255,0,.08));color:#061006;font-weight:900}

.fs-table{width:100%;border-collapse:collapse;font-size:14px}
.fs-table th,.fs-table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
.fs-table th{color:var(--green);font-size:12px;text-transform:uppercase;background:#0c140c}
.fs-confidence{color:var(--green);font-weight:900}
.fs-risk{color:var(--gold);font-weight:800}

.fs-mini{padding:16px 18px}
.fs-odds{
  float:right;
  padding:16px;
  border:1px solid var(--border);
  border-radius:10px;
  text-align:center;
  color:var(--green);
  font-size:28px;
  font-weight:900;
}
.fs-report{
  min-height:250px;
  background:
   linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.92)),
   url('assets/pitch.svg');
  background-size:cover;
  padding:18px;
}
.fs-report .play{
  width:66px;height:66px;border-radius:50%;
  border:2px solid #fff;
  display:grid;place-items:center;
  margin:35px auto;
  font-size:28px;
}

.fs-features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid rgba(255,255,255,.08);padding-top:24px}
.fs-feature{display:flex;gap:12px;align-items:flex-start;color:var(--muted)}
.fs-feature strong{display:block;color:var(--green)}

.fs-footer{border-top:1px solid rgba(255,255,255,.08);padding:28px 0;color:var(--muted);font-size:13px;text-align:center}

@media(max-width:980px){
  .fs-hero-grid,.fs-dashboard{grid-template-columns:1fr}
  .fs-plans,.fs-features{grid-template-columns:repeat(2,1fr)}
  .fs-menu{display:none}
  .fs-hero h1{font-size:42px}
}
@media(max-width:600px){
  .fs-plans,.fs-features,.fs-countdown{grid-template-columns:1fr}
  .fs-actions{display:none}
  .fs-hero h1{font-size:34px}
  .fs-table{font-size:12px}
}