:root{--bg:#07111f;--panel:#0e1a2a;--panel2:#111f34;--text:#eef4ff;--muted:#8fa2bc;--line:#22334c;--accent:#57d0ff;--good:#8ee3a3}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07101d,#0a1423);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:auto;padding:0 20px}
header{border-bottom:1px solid var(--line);background:rgba(7,16,29,.96);position:sticky;top:0;z-index:20}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{font-weight:900;letter-spacing:.04em}.logo span{color:var(--accent)}nav{display:flex;gap:18px;align-items:center}nav a{font-size:14px;color:#c8d5e4}
.hero{padding:84px 0 68px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}
h1{font-size:clamp(40px,7vw,74px);line-height:1;margin:12px 0 18px}h2{font-size:30px}.lead{font-size:18px;line-height:1.6;color:#b7c7d9;max-width:800px}
.btn{display:inline-flex;border:1px solid var(--line);background:#0b1728;color:#eaf6ff;padding:10px 14px;border-radius:11px;font-weight:800}.btn.primary{background:#14304e;border-color:#2d5b81}
section{padding:54px 0}.grid3,.player-grid,.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card,.player-card,.event-card{background:var(--panel);border:1px solid var(--line);border-radius:16px}.card{padding:20px}.card p{color:var(--muted);line-height:1.55}
.player-card,.event-card{overflow:hidden}.player-photo{aspect-ratio:16/9;background:linear-gradient(160deg,#182b44,#0d1828);display:grid;place-items:center;color:#6f8198;font-size:12px;font-weight:800}
.card-body{padding:17px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.tag{font-size:10px;border:1px solid var(--line);padding:4px 7px;border-radius:999px;color:#c7d5e5}
.tag.academy{color:#bcecff;border-color:#34506f;background:#10233a}.tag.official{color:#bff1ca;border-color:#315e40;background:#0e2b19}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.metric{background:#0b1728;border:1px solid var(--line);padding:9px;border-radius:10px;min-height:61px}
.metric span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase}.metric strong{display:block;font-size:14px;margin-top:5px}
.toolbar{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:10px;margin:20px 0}input,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#091524;color:var(--text)}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:12px}.empty{padding:25px;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.hidden{display:none!important}
@media(max-width:850px){.grid3,.player-grid,.event-grid{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr 1fr}nav .optional{display:none}}
@media(max-width:520px){.toolbar{grid-template-columns:1fr}.container{padding:0 14px}}