.interactive-bracket-section{position:relative;overflow:hidden;background:linear-gradient(145deg,#061631,#0a254f 55%,#102f62);color:#fff}.interactive-bracket-section:before{content:"";position:absolute;inset:-35% 45% 20% -10%;border-radius:50%;background:#2d7cff38;filter:blur(90px);pointer-events:none}.interactive-bracket-section .section-head{position:relative}.interactive-bracket-section .section-head h2,.interactive-bracket-section .section-head p{color:#fff}.interactive-bracket-section .section-head p{color:#b6c8e5}.mx-demo-shell{position:relative;isolation:isolate;width:min(1320px,100%);margin:34px auto 0;padding:18px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:linear-gradient(145deg,#ffffff21,#ffffff0e);box-shadow:0 35px 100px #0007195c,inset 0 1px #ffffff38;backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%)}.mx-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 4px 18px;color:#c8d8ef;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.mx-demo-toolbar>div{display:flex;align-items:center;gap:9px}.mx-demo-live-dot{width:8px;height:8px;border-radius:50%;background:#46e79a;box-shadow:0 0 0 6px #46e79a1a,0 0 20px #46e79ab3}.mx-demo-button{appearance:none;min-height:42px;padding:0 17px;border:1px solid rgba(255,255,255,.16);border-radius:14px;color:#eaf2ff;background:#ffffff14;box-shadow:inset 0 1px #ffffff24;font:inherit;letter-spacing:0;text-transform:none;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.mx-demo-button:hover{transform:translateY(-2px);background:#ffffff24}.mx-demo-button:focus-visible,.mx-demo-player:focus-visible{outline:3px solid rgba(105,171,255,.68);outline-offset:3px}.mx-demo-button.is-primary{border-color:#5a9bff9e;background:linear-gradient(135deg,#247cff,#1459d1);box-shadow:0 10px 28px #1866e547,inset 0 1px #ffffff4d}.mx-demo-board{display:grid;grid-template-columns:minmax(215px,1fr) 42px minmax(215px,1fr) 42px minmax(215px,1fr) 42px minmax(210px,.9fr);align-items:stretch;min-height:600px;padding:20px;border-radius:23px;background:#020d2285;box-shadow:inset 0 1px #ffffff14}.mx-demo-round{display:flex;min-width:0;flex-direction:column}.mx-demo-round-head{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:0 3px 16px;color:#fff;font-size:.76rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.mx-demo-round-head small{color:#748daf;font-size:.58rem;letter-spacing:.05em}.mx-demo-match-stack{display:flex;flex:1;flex-direction:column;justify-content:space-around;gap:18px}.mx-demo-match{position:relative;display:grid;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,#ffffff1b,#ffffff09);box-shadow:0 16px 38px #00071838,inset 0 1px #ffffff1a;opacity:.56;transform:translateY(8px) scale(.985);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1),border-color .25s ease}.is-compiled .mx-demo-match{animation:mxDemoCompile .62s cubic-bezier(.2,.8,.2,1) both}.mx-demo-round-4 .mx-demo-match:nth-child(2){animation-delay:.08s}.mx-demo-round-4 .mx-demo-match:nth-child(3){animation-delay:.16s}.mx-demo-round-4 .mx-demo-match:nth-child(4){animation-delay:.24s}.mx-demo-match.is-ready{opacity:1;transform:none;border-color:#5b9cff40}.mx-demo-player{appearance:none;display:flex;min-width:0;min-height:58px;flex-direction:column;justify-content:center;padding:9px 11px;border:0;border-left:3px solid rgba(73,142,255,.74);border-radius:11px;color:#eef5ff;background:#ffffff0e;text-align:left;cursor:pointer;transition:transform .22s ease,background .22s ease,box-shadow .22s ease,opacity .22s ease}.mx-demo-player:disabled{border-left-color:#ffffff1f;color:#6f829f;cursor:default}.mx-demo-player:not(:disabled):hover{transform:translate(3px);background:#4189ff2b;box-shadow:0 8px 22px #0c48a633}.mx-demo-player strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.mx-demo-player span{overflow:hidden;margin-top:3px;color:#8fa5c3;font-size:.57rem;text-overflow:ellipsis;white-space:nowrap}.mx-demo-player.is-winner{border-left-color:#44e39a;background:linear-gradient(90deg,#27c97f38,#27c97f0f);box-shadow:0 0 0 1px #44e39a3d,0 8px 28px #19b06c21;animation:mxDemoWinner .5s cubic-bezier(.2,.8,.2,1)}.mx-demo-connector{position:relative;align-self:stretch}.mx-demo-connector:before{content:"";position:absolute;top:50%;right:5px;left:5px;height:1px;background:linear-gradient(90deg,#4b91ff47,#5597ff);transform:scaleX(0);transform-origin:left;transition:transform .65s .35s ease}.mx-demo-connector:after{content:"";position:absolute;top:calc(50% - 4px);right:4px;width:8px;height:8px;border-top:1px solid #5597ff;border-right:1px solid #5597ff;opacity:0;transform:rotate(45deg);transition:opacity .3s .9s}.is-compiled .mx-demo-connector:before{transform:scaleX(1)}.is-compiled .mx-demo-connector:after{opacity:1}.mx-demo-champion{position:relative;align-self:center;display:flex;min-height:208px;flex-direction:column;align-items:center;justify-content:center;padding:22px;border:1px solid rgba(255,215,92,.18);border-radius:24px;background:linear-gradient(145deg,#ffcd4717,#ffffff0b);text-align:center;opacity:.68;transition:.5s cubic-bezier(.2,.8,.2,1)}.mx-demo-champion.is-complete{border-color:#ffd04699;background:linear-gradient(145deg,#ffd24e47,#b879091c);box-shadow:0 20px 55px #b2760b33,inset 0 1px #ffffff4d;opacity:1;transform:scale(1.035);animation:mxDemoChampion 1.8s ease-in-out infinite alternate}.mx-demo-trophy{font-size:2.6rem;filter:drop-shadow(0 8px 12px rgba(242,174,31,.3))}.mx-demo-champion small{margin-top:10px;color:#ffd86c;font-size:.62rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.mx-demo-champion strong{margin-top:7px;font-size:1.1rem}.mx-demo-champion>span:last-of-type{margin-top:4px;color:#8fa5c3;font-size:.62rem}.mx-demo-hint{margin:14px 0 1px;color:#88a0c1;font-size:.72rem;text-align:center}.mx-demo-confetti{position:absolute;inset:50%;pointer-events:none}.mx-demo-confetti i{--angle:calc(var(--piece)*20deg);position:absolute;width:6px;height:10px;border-radius:2px;background:hsl(calc(var(--piece)*41deg) 88% 62%);animation:mxDemoConfetti 1.7s calc(var(--piece)*35ms) ease-out both}@keyframes mxDemoCompile{0%{opacity:0;transform:translate(-22px) scale(.96);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes mxDemoWinner{0%{transform:scale(.97)}55%{transform:scale(1.035)}to{transform:none}}@keyframes mxDemoChampion{to{box-shadow:0 24px 70px #eab02c4a,0 0 0 5px #ffd9670d,inset 0 1px #ffffff59}}@keyframes mxDemoConfetti{0%{opacity:1;transform:rotate(var(--angle)) translateY(0) scale(.5)}to{opacity:0;transform:rotate(var(--angle)) translateY(-110px) rotate(480deg) scale(1)}}@media(max-width:1050px){.mx-demo-board{grid-template-columns:215px 30px 215px 30px 215px 30px 210px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#345b93 transparent}.mx-demo-shell{padding:14px}.mx-demo-board>*{min-width:0}}@media(max-width:720px){.mx-demo-toolbar{align-items:flex-start;flex-direction:column}.mx-demo-toolbar>div:last-child{width:100%}.mx-demo-button{flex:1}.mx-demo-board{display:flex;min-height:0;flex-direction:column;gap:16px;overflow:visible;padding:16px}.mx-demo-match-stack{gap:10px}.mx-demo-round-head{padding-top:5px}.mx-demo-connector{width:1px;height:32px;align-self:center;background:linear-gradient(#397fdc,#64a3ff)}.mx-demo-connector:before,.mx-demo-connector:after{display:none}.mx-demo-champion{width:100%;min-height:180px}.mx-demo-shell{border-radius:23px}.interactive-bracket-section .section-head{text-align:left}}@media(prefers-reduced-motion:reduce){.mx-demo-shell *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mx-demo-player:nth-child(1){border-left-color:#0057b8;background:linear-gradient(90deg,#0057b83d,#0057b80f)}.mx-demo-player:nth-child(2){border-left-color:#d71920;background:linear-gradient(90deg,#d7192038,#d719200e)}.mx-demo-player:nth-child(1):not(:disabled):hover{background:linear-gradient(90deg,#0057b861,#0057b81f);box-shadow:0 8px 22px #0057b838}.mx-demo-player:nth-child(2):not(:disabled):hover{background:linear-gradient(90deg,#d7192057,#d719201a);box-shadow:0 8px 22px #d7192033}.mx-demo-player.is-winner{border-left-color:#d4a72c;background:linear-gradient(90deg,#d4a72c4d,#d4a72c12);box-shadow:0 0 0 1px #f3ca545c,0 8px 28px #a06f0b33}.mx-demo-player.is-winner,.mx-demo-player.is-winner:hover{border-left-color:#d4a72c!important;background:linear-gradient(90deg,#d4a72c57,#d4a72c14)!important;box-shadow:0 0 0 1px #f3ca546b,0 8px 28px #a06f0b38!important}.certificate-demo-section{position:relative;overflow:hidden;background:linear-gradient(150deg,#f4f7fc,#fffaf0)}.certificate-demo-section:before{content:"";position:absolute;inset:-30% auto auto -10%;width:55%;height:100%;border-radius:50%;background:#1d63d514;filter:blur(80px)}.mx-certificate-shell{position:relative;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(520px,1.55fr);gap:28px;width:min(1320px,100%);margin:32px auto 0;align-items:center}.mx-certificate-controls{display:grid;gap:18px;padding:clamp(22px,3vw,34px);border:1px solid rgba(255,255,255,.8);border-radius:26px;background:#ffffffb3;box-shadow:0 24px 70px #102a521f,inset 0 1px #fffffff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.mx-certificate-controls h3{margin:5px 0 7px;color:#071a36;font-size:1.45rem}.mx-certificate-controls p{margin:0;color:#68778d;line-height:1.6}.mx-certificate-kicker{color:#c3294e;font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.mx-certificate-controls label{display:grid;gap:7px;color:#172b49;font-size:.76rem;font-weight:800}.mx-certificate-controls input,.mx-certificate-controls select{appearance:none;width:100%;min-height:48px;padding:0 14px;border:1px solid #dce4ef;border-radius:13px;outline:0;background:#fff;color:#071a36;font:inherit;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.mx-certificate-controls input:focus,.mx-certificate-controls select:focus{border-color:#2267ca;box-shadow:0 0 0 4px #2267ca1c}.mx-certificate-download{min-height:48px;border:0;border-radius:14px;background:linear-gradient(135deg,#145cc6,#0b3f97);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 12px 28px #145cc638;transition:transform .2s,box-shadow .2s}.mx-certificate-download:hover{transform:translateY(-2px);box-shadow:0 16px 34px #145cc64d}.mx-certificate-controls>small{color:#7a8799;text-align:center}.mx-certificate-stage{padding:clamp(12px,2.4vw,30px);border-radius:28px;background:linear-gradient(145deg,#081d3e,#123567);box-shadow:0 28px 80px #071b3a40}.mx-certificate-preview{position:relative;isolation:isolate;aspect-ratio:1.414/1;overflow:hidden;padding:clamp(23px,4vw,56px);border:9px solid #f2ead4;outline:2px solid #bd9340;outline-offset:-20px;background:linear-gradient(135deg,#fffdf7,#f7f1e4);color:#102345;box-shadow:0 22px 60px #00000042;text-align:center}.mx-certificate-preview:before,.mx-certificate-preview:after{content:"";position:absolute;z-index:-1;width:230px;height:230px;border:44px solid rgba(21,67,137,.08);border-radius:50%}.mx-certificate-preview:before{top:-140px;left:-110px}.mx-certificate-preview:after{right:-120px;bottom:-150px;border-color:#bc284f14}.mx-certificate-preview header{display:flex;align-items:center;gap:11px;text-align:left}.mx-certificate-mark{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;background:linear-gradient(135deg,#d72f5e,#1747ae);color:#fff;font-weight:950}.mx-certificate-preview header strong{display:block;font-size:1.1rem}.mx-certificate-preview header small{display:block;margin-top:2px;color:#8b5e21;font-size:.48rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.mx-certificate-preview section{position:absolute;inset:22% 9% 19%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mx-certificate-overline{color:#a77a2c;font-size:clamp(.42rem,.7vw,.65rem);font-weight:900;letter-spacing:.2em;text-transform:uppercase}.mx-certificate-preview h3{margin:8px 0 10px;font-family:Georgia,serif;font-size:clamp(1.3rem,3.3vw,2.6rem);font-weight:500}.mx-certificate-preview section p{max-width:600px;margin:5px 0;color:#5f6878;font-size:clamp(.5rem,1.1vw,.9rem);line-height:1.55}.mx-certificate-preview h4{min-width:55%;margin:10px 0 8px;padding-bottom:7px;border-bottom:1px solid #bd9340;color:#b5204a;font-family:Georgia,serif;font-size:clamp(1.1rem,3vw,2.2rem)}.mx-certificate-preview footer{position:absolute;right:8%;bottom:7%;left:8%;display:flex;align-items:end;justify-content:space-between;gap:20px}.mx-certificate-preview footer div{display:grid;min-width:26%;gap:5px}.mx-certificate-preview footer span{border-top:1px solid #6f7783}.mx-certificate-preview footer small{color:#747d8b;font-size:.45rem;text-transform:uppercase}.mx-certificate-preview footer>strong{color:#b69a62;font-size:.55rem;letter-spacing:.14em}.mx-certificate-watermark{position:absolute;top:50%;left:50%;z-index:-1;color:#70654d17;font-size:clamp(4rem,12vw,9rem);font-weight:950;letter-spacing:.1em;transform:translate(-50%,-50%) rotate(-24deg)}@media(max-width:900px){.mx-certificate-shell{grid-template-columns:1fr}.mx-certificate-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-certificate-controls>div,.mx-certificate-download,.mx-certificate-controls>small{grid-column:1/-1}}@media(max-width:620px){.mx-certificate-controls{grid-template-columns:1fr}.mx-certificate-controls>*{grid-column:1}.mx-certificate-stage{padding:8px}.mx-certificate-preview{border-width:5px;outline-offset:-10px}.mx-certificate-preview header small{display:none}.mx-certificate-preview footer{bottom:5%}}.mx-certificate-preview{padding:0;border:0;outline:0;background:#fff}.mx-certificate-preview:before,.mx-certificate-preview:after{display:none}.mx-certificate-template{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mx-real-cert-number,.mx-real-cert-title,.mx-real-cert-player,.mx-real-cert-copy,.mx-real-cert-event,.mx-real-cert-date,.mx-real-cert-category,.mx-real-cert-venue{position:absolute;z-index:2;display:block;text-align:center;line-height:1.05}.mx-real-cert-number{top:6.1%;left:72.96%;width:16.64%;font-size:clamp(.32rem,.83vw,.76rem);font-weight:900;color:#000}.mx-real-cert-title{top:29.2%;left:28.96%;width:42.08%;font-size:clamp(.65rem,2vw,1.8rem);font-weight:950;color:#000}.mx-real-cert-player{top:46.4%;left:21.12%;width:57.76%;font-size:clamp(1rem,3.2vw,2.9rem);font-weight:950;color:#123f84}.mx-real-cert-copy{top:59.5%;left:17.92%;width:64.16%;font-size:clamp(.38rem,1.15vw,1.02rem);font-weight:900;color:#000}.mx-real-cert-event{top:63.35%;left:21.76%;width:56.48%;font-size:clamp(.4rem,1.25vw,1.12rem);font-weight:950;color:#5578ff}.mx-real-cert-date{top:76.2%;left:27.52%;width:9.92%;font-size:clamp(.3rem,.75vw,.7rem);font-weight:900;color:#000}.mx-real-cert-category{top:76.2%;left:45.12%;width:13.12%;font-size:clamp(.28rem,.7vw,.66rem);font-weight:900;color:#000}.mx-real-cert-venue{top:76.2%;left:68.16%;width:13.12%;font-size:clamp(.28rem,.7vw,.66rem);font-weight:900;color:#000}.mx-real-cert-qr{position:absolute;z-index:2;left:24.16%;top:81.65%;width:6.72%;aspect-ratio:1;background:conic-gradient(from 90deg,#071a36 25%,#fff 0 50%,#071a36 0 75%,#fff 0);background-size:8px 8px;box-shadow:inset 0 0 0 4px #fff,0 0 0 1px #071a36}.mx-certificate-watermark{z-index:3;color:#09307021;font-size:clamp(3rem,10vw,8rem)}
