
:root{--bg:#08111f;--panel:#101d31;--panel2:#152640;--text:#f7f8fb;--muted:#9eacc0;--gold:#d7ad48;--border:#263b59}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#08111f,#0c1728);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 32px));margin:auto}
.sitebar{position:sticky;top:0;z-index:50;background:rgba(8,17,31,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}
.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{font-weight:900;letter-spacing:.08em;color:var(--gold)}.links{display:flex;gap:18px;flex-wrap:wrap}.links a{color:var(--muted);font-weight:650}.links a:hover,.links a.active{color:white}
.hero{padding:76px 0 48px}.eyebrow{color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.hero h1{font-size:clamp(42px,8vw,78px);line-height:.98;margin:12px 0 18px;max-width:900px}.hero p{max-width:720px;color:var(--muted);font-size:19px;line-height:1.6}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{padding:12px 17px;border-radius:10px;background:var(--panel2);border:1px solid var(--border);font-weight:750}.btn.gold{background:var(--gold);color:#101010;border-color:var(--gold)}
.gridcards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:20px}.card .big{font-size:31px;font-weight:900;margin-top:5px}.muted{color:var(--muted)}
section{padding:28px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.sectionhead h2{font-size:28px;margin:0}.featuregrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.feature{min-height:220px;display:flex;flex-direction:column;justify-content:end}
.pagehead{padding:48px 0 20px}.pagehead h1{font-size:46px;margin:5px 0}.tablewrap{overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--panel)}
table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:11px 13px;border-bottom:1px solid var(--border);text-align:right}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.search{width:100%;max-width:460px;background:var(--panel);color:white;border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin:10px 0 18px}
.teamgrid,.playergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.teamcard h3,.playercard h3{margin:0 0 5px}.tag{display:inline-block;padding:4px 8px;border:1px solid var(--border);border-radius:99px;color:var(--muted);font-size:12px;margin:3px}
footer{margin-top:60px;border-top:1px solid var(--border);padding:30px 0;color:var(--muted)}
@media(max-width:800px){.links{gap:10px;font-size:13px}.gridcards{grid-template-columns:1fr 1fr}.featuregrid,.teamgrid,.playergrid{grid-template-columns:1fr}.hero{padding-top:50px}}

.league-main{padding:64px 0 24px}.league-main h1{font-size:clamp(44px,7vw,72px);line-height:1;margin:10px 0 24px}.league-main p,.content-section p{font-size:17px;line-height:1.75;color:#c3ccda;max-width:950px}.content-section{padding:34px 0;border-top:1px solid var(--border)}.content-section h2{font-size:31px;margin:0 0 16px}.commissioner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.commissioner-card h3{margin:0 0 8px;font-size:19px}.commissioner-card p{font-size:15px;line-height:1.65;margin:0}.season-banner{display:flex;justify-content:space-between;gap:24px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px;margin-top:18px}.season-banner .season-number{font-size:38px;font-weight:900;color:var(--gold)}.placeholder{padding:70px 0;text-align:center}.placeholder h1{font-size:48px;margin-bottom:12px}@media(max-width:800px){.commissioner-grid{grid-template-columns:1fr}.season-banner{align-items:flex-start;flex-direction:column}}
