:root{
  --bg:#08040f;
  --panel:#12091f;
  --purple:#8b35ff;
  --purple2:#c13cff;
  --text:#ffffff;
  --muted:#c8b9d8;
  --line:rgba(255,255,255,.14);
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:
radial-gradient(circle at top left,rgba(139,53,255,.35),transparent 35%),
linear-gradient(135deg,#050208,#12051f 55%,#07040d);color:var(--text);}
a{color:inherit;text-decoration:none}
.container{width:min(1180px,92%);margin:auto}
.nav{position:sticky;top:0;z-index:10;background:rgba(8,4,15,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}
.logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--purple),#111);display:grid;place-items:center;font-weight:900;box-shadow:0 0 30px rgba(139,53,255,.45)}
.links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.links a:hover{color:#fff}
.hero{padding:92px 0 70px;position:relative;overflow:hidden}
.hero h1{font-size:clamp(42px,8vw,92px);line-height:.92;margin:0;text-transform:uppercase;letter-spacing:-.05em}
.kicker{color:var(--purple2);font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}
.hero p{max-width:690px;color:var(--muted);font-size:19px;line-height:1.6}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{padding:14px 20px;border-radius:999px;background:linear-gradient(135deg,var(--purple),var(--purple2));font-weight:800}
.btn.secondary{background:transparent;border:1px solid var(--line)}
.section{padding:58px 0}
.section h2{font-size:clamp(30px,5vw,54px);margin:0 0 18px;text-transform:uppercase}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 18px 60px rgba(0,0,0,.25)}
.card h3{margin:0 0 8px;font-size:22px}
.card p{color:var(--muted);line-height:1.55}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.tile{aspect-ratio:1/1.22;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,rgba(139,53,255,.45),rgba(255,255,255,.06));border:1px solid var(--line);position:relative}
.tile img{width:100%;height:100%;object-fit:cover;display:block}
.tile .label{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(0,0,0,.55);padding:10px;border-radius:14px;font-weight:800}
.placeholder{display:grid;place-items:center;text-align:center;padding:20px;color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:20px}
.table th,.table td{padding:16px;border-bottom:1px solid var(--line);text-align:left}
.table th{color:#fff;background:rgba(139,53,255,.22);text-transform:uppercase;font-size:13px;letter-spacing:.08em}
.table td{color:var(--muted)}
.cta{background:linear-gradient(135deg,rgba(139,53,255,.35),rgba(193,60,255,.15));border:1px solid var(--line);border-radius:28px;padding:34px}
.footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font-size:14px}
small{color:var(--muted)}
@media(max-width:720px){.links{gap:10px;font-size:12px}.hero{padding-top:58px}.table{font-size:13px}}
.brand-logo-img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(139,53,255,.5))}
.fixture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.fixture-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:22px;padding:18px;position:relative;overflow:hidden}
.fixture-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(139,53,255,.22),transparent 40%);pointer-events:none}
.fixture-date{font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.07em}
.fixture-teams{font-size:22px;font-weight:900;margin:12px 0;color:#fff}
.fixture-meta{color:var(--muted);line-height:1.5}
.badge{display:inline-block;padding:6px 10px;border:1px solid rgba(193,60,255,.5);border-radius:999px;color:#fff;background:rgba(139,53,255,.18);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.poster-img{width:100%;border-radius:24px;border:1px solid var(--line);box-shadow:0 20px 80px rgba(0,0,0,.35)}

.contact-form{display:grid;gap:14px}
.contact-form label{font-weight:800;color:#fff}
.contact-form input,.contact-form textarea,.contact-form select{
  width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--line);
  background:rgba(255,255,255,.07);color:#fff;font:inherit;outline:none
}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(255,255,255,.45)}
.contact-form textarea{min-height:150px;resize:vertical}
.contact-form button{
  border:0;cursor:pointer;padding:15px 22px;border-radius:999px;
  background:linear-gradient(135deg,var(--purple),var(--purple2));
  color:white;font-weight:900;font-size:16px
}
.notice{padding:14px 16px;border-radius:16px;background:rgba(139,53,255,.16);border:1px solid rgba(193,60,255,.4);color:var(--muted);line-height:1.55}

.player-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.05)}
.player-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.player-info{padding:14px;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55))}
.player-info h3{margin:0;font-size:20px}
.player-info p{margin:6px 0 0;color:var(--muted);font-size:14px}
.upload-note{background:rgba(139,53,255,.14);border:1px dashed rgba(193,60,255,.55);border-radius:22px;padding:18px;color:var(--muted);line-height:1.6;margin-bottom:20px}
.codebox{background:#050208;border:1px solid var(--line);border-radius:16px;padding:14px;overflow:auto;color:#eee;font-size:13px}