*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#050816;color:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(0,140,255,.35),transparent 35%),radial-gradient(circle at 80% 20%,rgba(255,0,140,.28),transparent 30%),linear-gradient(180deg,#050816,#080b1f 45%,#02040d);z-index:-2}.nav{position:sticky;top:0;z-index:10;background:rgba(3,6,20,.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;gap:12px;align-items:center;font-weight:900}.logo-badge{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#00d5ff,#7c3cff,#ff2fa8)}.nav-links{display:flex;gap:18px;font-size:14px;color:#cfd7ff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:800;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,#00d5ff,#7c3cff);box-shadow:0 12px 35px rgba(0,150,255,.28)}.btn.alt{background:rgba(255,255,255,.08);box-shadow:none}.hero{padding:90px 0 70px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.badge{display:inline-flex;padding:9px 14px;border-radius:999px;background:rgba(0,213,255,.11);border:1px solid rgba(0,213,255,.28);color:#9eeeff;font-weight:800;font-size:13px}h1{font-size:clamp(42px,7vw,84px);line-height:.95;margin:20px 0 18px;letter-spacing:-3px}.gradient{background:linear-gradient(90deg,#00d5ff,#fff,#ff2fa8);-webkit-background-clip:text;color:transparent}.lead{font-size:19px;line-height:1.7;color:#c7d0ff;max-width:680px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.stat,.card,.panel,.table-card{padding:20px;border-radius:24px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 55px rgba(0,0,0,.2)}.stat strong{font-size:28px;display:block}.stat span,.muted{color:#aeb8ea}.hero-card{min-height:430px;border-radius:36px;padding:26px;background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 90px rgba(0,0,0,.45)}.trophy{height:245px;border-radius:28px;background:linear-gradient(135deg,#1024ff,#8d2cff,#ff2fa8);display:grid;place-items:center;font-size:90px}.section{padding:70px 0}.section-title{text-align:center;margin-bottom:32px}.section-title h2{font-size:clamp(30px,5vw,50px);margin:0 0 10px}.section-title p{color:#b8c2f4;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.icon{font-size:34px;margin-bottom:14px}.card h3{margin:0 0 10px}.card p{margin:0;color:#c7d0ff;line-height:1.6}.page-head{padding:70px 0 25px;text-align:center}.page-head h1{font-size:clamp(38px,6vw,70px)}table{width:100%;border-collapse:collapse;overflow:hidden}th,td{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}th{color:#9eeeff;background:rgba(0,213,255,.08)}tr:hover td{background:rgba(255,255,255,.04)}.status{display:inline-block;padding:7px 11px;border-radius:999px;background:rgba(34,197,94,.16);color:#86efac;font-weight:800;font-size:12px}.form{display:grid;gap:14px;max-width:760px;margin:auto}.input{width:100%;padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:15px}.textarea{min-height:120px}.bracket{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.match{padding:18px;border-radius:20px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1);margin-bottom:14px}.team{display:flex;justify-content:space-between;padding:12px;border-radius:14px;background:rgba(255,255,255,.07);margin-top:8px}footer{padding:34px 0;text-align:center;color:#8f9bd0;border-top:1px solid rgba(255,255,255,.08)}.wa{position:fixed;right:18px;bottom:18px;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#22c55e;box-shadow:0 14px 35px rgba(34,197,94,.4);font-size:28px;z-index:20}@media(max-width:900px){.nav-links{display:none}.hero-grid,.grid,.grid2,.bracket{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}h1{letter-spacing:-1.5px}.hero-card{min-height:auto}}@media(max-width:520px){.stats{grid-template-columns:1fr}.btn{width:100%}th,td{padding:12px;font-size:13px}.logo span{font-size:14px}}

.esport-bracket{
display:grid;
gap:34px;
}
.bracket-board{
padding:26px;
border-radius:30px;
background:rgba(0,0,0,.32);
border:1px solid rgba(255,255,255,.11);
box-shadow:0 28px 80px rgba(0,0,0,.35);
overflow-x:auto;
}
.bracket-title{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin-bottom:22px;
}
.bracket-title h2{
margin:0;
font-size:26px;
}
.bracket-label{
padding:8px 13px;
border-radius:999px;
font-size:12px;
font-weight:900;
letter-spacing:.7px;
background:rgba(0,213,255,.12);
border:1px solid rgba(0,213,255,.25);
color:#9eeeff;
}
.bracket-stage{
display:flex;
gap:38px;
min-width:920px;
align-items:center;
}
.round{
display:grid;
gap:22px;
min-width:250px;
}
.round-name{
font-size:13px;
font-weight:900;
color:#9eeeff;
text-transform:uppercase;
letter-spacing:.8px;
}
.bmatch{
position:relative;
padding:14px;
border-radius:18px;
background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
border:1px solid rgba(255,255,255,.13);
box-shadow:0 18px 45px rgba(0,0,0,.22);
}
.bmatch:after{
content:"";
position:absolute;
right:-39px;
top:50%;
width:39px;
height:2px;
background:linear-gradient(90deg,rgba(0,213,255,.6),rgba(124,60,255,.25));
}
.round:last-child .bmatch:after{display:none}
.bteam{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:11px 12px;
border-radius:13px;
background:rgba(0,0,0,.24);
margin-top:8px;
}
.bteam:first-of-type{margin-top:0}
.bteam span{
font-weight:800;
}
.bteam b{
min-width:34px;
height:28px;
display:grid;
place-items:center;
border-radius:10px;
background:rgba(0,213,255,.13);
color:#fff;
}
.winner{
border-color:rgba(255,196,0,.45);
box-shadow:0 0 0 1px rgba(255,196,0,.16),0 18px 55px rgba(255,196,0,.08);
}
.winner .round-name{color:#ffd166}
.grand-card{
max-width:560px;
margin:auto;
padding:26px;
border-radius:30px;
background:linear-gradient(160deg,rgba(255,196,0,.20),rgba(124,60,255,.10),rgba(255,255,255,.045));
border:1px solid rgba(255,196,0,.30);
box-shadow:0 25px 80px rgba(255,196,0,.10);
}
.grand-card h2{
margin:0 0 18px;
text-align:center;
font-size:32px;
}
@media(max-width:900px){
.bracket-board{padding:18px}
.bracket-stage{min-width:760px;gap:28px}
.round{min-width:220px}
}
.bracket-stage{display:flex!important;gap:38px!important;min-width:920px!important;align-items:center!important}
.round{display:grid!important;gap:22px!important;min-width:250px!important}
.bmatch{display:block!important;position:relative!important;padding:14px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.13)!important;margin-bottom:12px!important}
.bteam{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:11px 12px!important;border-radius:13px!important;background:rgba(0,0,0,.24)!important;margin-top:8px!important}
.bteam b{min-width:34px;height:28px;display:grid;place-items:center;border-radius:10px;background:rgba(0,213,255,.13)}

@media(max-width:900px){
  .bracket-board{padding:14px!important}
  .bracket-stage{
    min-width:680px!important;
    gap:24px!important;
    transform:scale(.86);
    transform-origin:left top;
    margin-bottom:-80px;
  }
  .round{min-width:190px!important;gap:14px!important}
  .bmatch{padding:10px!important;border-radius:14px!important}
  .bteam{padding:8px 9px!important;font-size:12px!important}
  .bteam b{min-width:28px!important;height:24px!important;font-size:12px!important}
  .round-name{font-size:11px!important}
  .bmatch small{font-size:11px!important}
}

@media(max-width:520px){
  .bracket-title h2{font-size:20px!important}
  .bracket-label{font-size:10px!important;padding:6px 9px!important}
  .bracket-stage{
    min-width:620px!important;
    transform:scale(.74);
    margin-bottom:-120px;
  }
  .round{min-width:170px!important}
  .grand-card{padding:18px!important}
  .grand-card h2{font-size:24px!important}
}

@media(max-width:900px){
  .bracket-board{padding:14px!important}
  .bracket-stage{
    min-width:680px!important;
    gap:24px!important;
    transform:scale(.82);
    transform-origin:left top;
    margin-bottom:-95px;
  }
  .round{min-width:190px!important;gap:14px!important}
  .bmatch{padding:10px!important;border-radius:14px!important}
  .bteam{padding:8px 9px!important;font-size:12px!important}
  .bteam b{min-width:28px!important;height:24px!important;font-size:12px!important}
  .round-name{font-size:11px!important}
  .bmatch small{font-size:11px!important}
}

@media(max-width:520px){
  .bracket-title h2{font-size:20px!important}
  .bracket-label{font-size:10px!important;padding:6px 9px!important}
  .bracket-stage{
    min-width:620px!important;
    gap:20px!important;
    transform:scale(.65)!important;
    transform-origin:left top;
    margin-bottom:-155px!important;
  }
  .round{min-width:170px!important}
  .grand-card{padding:18px!important}
  .grand-card h2{font-size:24px!important}
}