@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@300;400;600;700&family=Playfair+Display:wght@400;600;700&display=swap');
:root{--bg:#071022;--gold:#ffd97d;--muted:#bfb8a4;--panel:rgba(255,255,255,0.03)}
*{box-sizing:border-box}
body{margin:0;font-family:'Bai Jamjuree',system-ui, -apple-system,'Segoe UI',Roboto,Arial;background:linear-gradient(180deg,#05060a,#071022);color:#fff}
.container{max-width:1180px;margin:24px auto;padding:20px}
.header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:64px}
.title{font-family:'Playfair Display',serif;color:var(--gold);font-size:20px;font-weight:700}
.subtitle{color:var(--muted);font-size:13px}
.hero{margin-top:18px;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,0.6)}
.hero img{width:100%;height:auto;display:block}
.grid-layout{display:grid;grid-template-columns:1.4fr 0.6fr;gap:20px;margin-top:22px}
@media(max-width:980px){.grid-layout{grid-template-columns:1fr}}
.left .card,.right .card{padding:18px;border-radius:12px;background:var(--panel);border:1px solid rgba(255,255,255,0.02);backdrop-filter:blur(6px)}
.teams-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:1100px){.teams-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.teams-grid{grid-template-columns:1fr}}
.team-card{background:linear-gradient(180deg, rgba(255,255,255,0.01), transparent);border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,0.02)}
.team-logo{width:56px;height:56px;border-radius:8px;background:linear-gradient(90deg,var(--gold),#ffb86b);display:flex;align-items:center;justify-content:center;color:#071022;font-weight:800}
.team-info h4{margin:0;font-size:15px}
.team-meta{display:flex;gap:8px;align-items:center;margin-top:6px}
.team-meta .muted{color:var(--muted);font-size:13px}
.footer{margin-top:20px;text-align:center;color:var(--muted);font-size:13px;padding-bottom:20px}
.sponsor-strip{display:flex;align-items:center;gap:18px}
.sponsor-block{display:flex;flex-direction:column;align-items:center;gap:6px}
.sponsor-label{color:var(--muted);font-size:12px}

.rule-block { margin-top:12px; color:#e6eef8; line-height:1.6; }
.rule-block h3 { margin:12px 0 6px 0; color:var(--gold); font-family:'Playfair Display', serif; }
.rule-list { padding-left:18px; }
.rule-list li { margin:6px 0; color:#cfc9b6; }
.title-gold { color:var(--gold); font-family:'Playfair Display', serif; }