@import url(https://unpkg.com/normalize.css) layer(normalize);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap);.lines-container{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.line{height:100%;left:0;left:var(--left,0);position:absolute;top:0;width:1px}.line:after{animation:drop 7s 0s infinite;animation:drop var(--duration,7s) var(--delay,0s) infinite;animation-timing-function:cubic-bezier(.4,.26,0,.97);background:linear-gradient(to bottom,rgba(var(--line-color-rgb),0) 0,rgba(var(--line-color-rgb),.5) 75%,rgba(var(--line-color-rgb),.7) 100%);content:"";display:block;height:15vh;position:absolute;top:-50%;width:100%}@keyframes drop{0%{top:-50%}to{top:110%}}[data-theme=dark] .lines-container .line{--line-color-rgb:255,255,255}[data-theme=light] .lines-container .line{--line-color-rgb:0,0,0}.ultimate-glass-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff14;background:var(--background,#ffffff14);border:1px solid #fff3;border-radius:18px;box-shadow:0 10px 30px #0003,0 0 0 1px #ffffff0d,inset 0 0 15px #ffffff1a;margin:6rem auto 3rem;max-width:900px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s ease;width:100%}@media (max-width:768px){.ultimate-glass-card{align-items:center;display:flex;flex-direction:column;margin:4rem auto 1rem;max-width:90%;overflow-y:hidden;padding:1rem}.scrollable-page{align-items:flex-start;padding:0}}.scrollable-page{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;padding:20px}.ultimate-glass-card:before{animation:shine 6s linear infinite;background:linear-gradient(to bottom right,#fff0,#ffffff08 50%,#fff0);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(30deg);width:200%}.ultimate-glass-card:hover{box-shadow:0 15px 40px #0096ff40,inset 0 0 20px #fff3;transform:translateY(-5px)}.centered-label,.centered-title{color:#fff;display:block;text-align:center}.centered-title{font-size:2rem;font-weight:600;letter-spacing:.5px;margin-bottom:2rem;text-shadow:0 2px 4px #0003}.input-section{display:flex;flex-direction:column;gap:1.5rem}.input-box{background:#00000040;border-radius:14px;box-shadow:inset 0 1px 1px #ffffff14,0 2px 10px #0000001a;margin-bottom:1.8rem;padding:4px;position:relative;width:100%}.input-box:before{background:linear-gradient(135deg,#64dcff66,#50b4f066,#64dcff66);border-radius:16px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.input-box:hover:before{opacity:1}.cyber-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:none;border-radius:12px;box-shadow:0 1px 1px #0000001a,inset 0 1px 0 #ffffff0d;box-sizing:border-box;color:#fff;font-size:1.05rem;height:3.5rem;padding:1.1rem 1.4rem;transition:all .4s cubic-bezier(.215,.61,.355,1);width:100%}.cyber-input::placeholder{color:#ffffff80}.custom-select-wrapper{display:flex;justify-content:center;margin:1.5rem 0;width:100%}.custom-select-container{max-width:100%;position:relative;width:280px}.modern-select{appearance:none;-webkit-appearance:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:2px solid #fff3;border-radius:14px;box-shadow:0 4px 6px #0000001a,inset 0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;font-size:1.1rem;height:56px;outline:none;padding:0 24px;text-align:center;text-align-last:center;transition:all .4s cubic-bezier(.25,.8,.25,1);width:100%}.select-decoration{align-items:center;display:flex;height:100%;pointer-events:none;position:absolute;right:16px;top:0;transform-origin:center}.select-arrow{color:#ffffffb3;display:flex;height:20px;transform:rotate(0deg);transition:all .3s ease;width:20px}.select-highlight{background:linear-gradient(45deg,#3b82f64d,#0000 70%);border-radius:12px;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.modern-select:hover{border-color:#64dcff66;box-shadow:0 6px 12px #00000026,inset 0 0 0 1px #64dcff33;transform:translateY(-2px)}.modern-select:focus{animation:pulse-glow 2s infinite alternate;background:#1e293b80;border-color:#64dcff99}.modern-select:focus+.select-decoration .select-arrow{color:#64dcff;transform:rotate(180deg)}.modern-select:focus+.select-decoration .select-highlight{animation:highlight-pulse 1.5s infinite alternate;opacity:1}@keyframes highlight-pulse{0%{opacity:.3}to{opacity:.7}}@media (max-width:768px){.custom-select-container{width:100%}.modern-select{font-size:1rem;height:52px}.select-arrow{height:18px;width:18px}}.modern-select option{background:#1e293b;color:#fff;padding:10px;text-align:center}.input-box:focus-within{transform:translateY(-2px)}.input-box:focus-within:before{animation:pulse-glow 1.5s infinite alternate;opacity:1}.glass-button .btn-content{align-items:center;display:flex;gap:8px}.glass-button svg{color:#64b5f6;font-size:1.25rem;transition:transform .2s ease}.glass-button.clear-btn{background:#ff555526}.glass-button.clear-btn svg{color:#f55}.glass-button:hover{background:#fff3;box-shadow:0 4px 16px #3b82f626,inset 0 0 0 1px #ffffff26;transform:translateY(-2px)}@media (max-width:768px){.glass-button{--button-height:52px;font-size:.95rem;min-width:140px;padding:0 20px}.glass-button svg{font-size:1.1rem}}.button-group{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:24px;width:100%}@keyframes shine{0%{transform:translateX(-100%) rotate(30deg)}to{transform:translateX(100%) rotate(30deg)}}@keyframes pulse-glow{0%{opacity:.6}to{opacity:1}}@media (max-width:600px){.ultimate-glass-card{border-radius:16px;padding:1.8rem}.centered-title{font-size:1.8rem}.cyber-input,.modern-select{padding:.9rem 1rem}.select-arrow{right:1rem}}.loading-screen-wrapper{background-color:#0009;display:grid;height:100vh;left:0;place-items:center;position:fixed;top:0;width:100vw;z-index:1000}.loading-screen{color:#e3e4e8;font:1em/1.5 sans-serif;height:8em;width:8em}.pl,.pl__worm{animation-duration:3s;animation-iteration-count:infinite}.pl{animation-name:bump;animation-timing-function:linear;height:100%;width:100%}.pl__ring{stroke:#e3e4e81a;transition:stroke .3s}.pl__worm{animation-name:worm;animation-timing-function:cubic-bezier(.42,.17,.75,.83)}@keyframes bump{0%,42%,46%,51%,55%,59%,63%,67%,71%,74%,78%,81%,85%,88%,92%,to{transform:translate(0)}44%{transform:translate(1.33%,6.75%)}53%{transform:translate(-16.67%,-.54%)}61%{transform:translate(3.66%,-2.46%)}69%{transform:translate(-.59%,15.27%)}76%{transform:translate(-1.92%,-4.68%)}83%{transform:translate(9.38%,.96%)}90%{transform:translate(-4.55%,1.98%)}}@keyframes worm{0%{stroke-dashoffset:10}25%{stroke-dashoffset:295}to{stroke-dashoffset:1165}}.swal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:#0f0f0fb3!important;display:flex!important;height:100%;justify-content:center!important;left:0;overflow:hidden!important;position:fixed!important;top:0;width:100%;z-index:10000!important}.swal-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f!important;border:1px solid #ffffff2e!important;border-radius:20px!important;box-shadow:0 25px 50px #0000004d,inset 0 0 30px #ffffff0a!important;display:flex;flex-direction:column;justify-content:center;max-width:500px;overflow:hidden;padding:2.5rem!important;position:relative;text-align:center;width:90%;z-index:9999}.swal-modal:before{content:none!important}.swal-icon--success{background-color:initial!important;border:none!important;box-shadow:none!important;position:relative}.swal-icon,.swal-icon--success{height:80px!important;margin:0 auto 20px!important;width:80px!important}.swal-icon--success__hide-corners{background:#0000!important}.swal-icon--success__ring{border:4px solid #28a745!important;border-radius:50%;box-sizing:border-box;height:80px;left:0;position:absolute;top:0;width:80px}.swal-title{color:#fff!important;font-size:2rem!important;font-weight:700!important;margin-bottom:0!important;margin-top:12px!important;text-align:center;text-shadow:none!important}.swal-text{color:#ffffffd9!important;font-size:1.15rem!important;line-height:1.6;margin-bottom:20px!important;margin-top:0!important;text-align:center}.swal-actions{align-self:flex-end;display:flex;gap:16px;justify-content:flex-end;margin-bottom:-.5rem;margin-top:auto;padding-top:1rem}.swal-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14!important;border:1px solid #fff3!important;border-radius:14px!important;color:#fff!important;cursor:pointer;font-size:1rem;font-weight:600!important;overflow:hidden;padding:12px 28px!important;position:relative;transition:all .3s ease!important;z-index:1}.swal-button:before{background:linear-gradient(90deg,#0f8,#0cf);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease-in-out;z-index:-1}.swal-button:hover:before{opacity:.25}.swal-button--confirm:hover{background:#28a7454d!important;border-color:#28a74580!important;box-shadow:0 0 10px #28a74580!important;transform:translateY(-2px)}.swal-button--cancel:hover{background:#dc35454d!important;border-color:#dc354580!important;box-shadow:0 0 10px #dc354566!important}.swal-button:focus{box-shadow:none!important}.swal-icon--success:after,.swal-icon--success:before,.swal-icon:after,.swal-icon:before,.swal-modal:after,.swal-modal:before{background:#0000!important}.swal-button--cancel:hover:before{background:linear-gradient(90deg,#ff4c4c,#c00)!important;opacity:.25!important}.swal-button--cancel{background:#dc354540!important;border-color:#dc354566!important;color:#fdd!important}.swal-button--cancel:hover{background:#dc354566!important;border-color:#dc354599!important;box-shadow:0 0 12px #dc354599!important;color:#fff!important;color:#bd0000!important;transform:translateY(-2px)}.swal-button--confirm:hover{color:#00cc07!important}.matches-container{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1a;border-radius:18px;box-shadow:0 10px 30px #0003,0 0 0 1px #ffffff0d,inset 0 0 15px #ffffff1a;color:#e0e0e0;display:flex;flex-direction:column;gap:20px;margin:3rem auto;max-width:900px;min-width:320px;overflow-y:visible;padding:20px;width:100%}.match-table td,.match-table th{white-space:nowrap;word-break:keep-all}.round-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e283cb3;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0000004d;margin:2rem auto;max-width:800px;padding:1rem;text-align:center;transition:all .3s ease;width:100%}.round-section:hover{box-shadow:0 6px 25px #0006;transform:translateY(-3px)}.round-border{border-top:2px solid #6469ff66;margin-top:2rem;padding-top:2rem}.round-header{color:#646cff;font-size:1.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem;text-align:center}.match-table{border-collapse:initial;border-spacing:0 8px;font-size:1rem;width:100%}.match-table thead th{background:linear-gradient(135deg,#130f49,#020269);border-radius:8px;color:#fff;font-weight:600;padding:1rem;text-align:center}.match-table tbody tr{background:#ffffff14;border-radius:12px;transition:all .3s ease}.match-table tbody tr:hover{background:#ffffff26}.match-table td{border:none;padding:.8rem 1rem;text-align:center}.team-name{color:#a5b4fc;font-weight:500;max-width:30vw;text-shadow:none}.score-cell{align-items:center;display:flex;gap:.5rem;justify-content:center}.score-input{background:#0000004d;border:1px solid #64dcff4d;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;height:40px;padding:.5rem;text-align:center;text-shadow:none;width:50px}.score-separator{color:#cbd5e1;font-size:1.2rem;font-weight:700;text-shadow:none}.bye-text{color:#94a3b8;font-style:italic;font-weight:500;text-shadow:none}@media (max-width:768px){.matches-container{border:none;border-radius:0;box-shadow:none;margin:3rem auto;max-width:900px;min-width:320px;overflow-y:hidden;padding:16px 12px;width:100%}.match-table td,.match-table th{white-space:nowrap;word-break:keep-all}.match-table .team-name{color:#b8c2ff;font-size:.8rem;font-weight:600;letter-spacing:-.1px;padding:0 5px;text-shadow:none}.round-section{scroll-snap-type:y proximity}.round-section>*{scroll-snap-align:start}.round-header{font-size:1.4rem}.match-table{-webkit-overflow-scrolling:touch;display:block;font-size:.65rem;overflow-x:auto;width:100%;&::-webkit-scrollbar{height:4px}}.match-table tbody td,.match-table thead th{padding:.6rem .5rem}.score-input{font-size:.95rem;height:35px;width:40px}.score-separator{font-size:1rem}}.round-card,.some-inner-scroll-container{max-height:none!important;overflow:visible!important}.creative-heading-team{color:#3b82f6;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.teams-table thead tr{background:linear-gradient(135deg,#64dcff,#50b4f0)}.teams-table tbody tr{background:#0000004d}.teams-table tbody tr:nth-child(2n){background:#0003}@media (max-width:768px){.teams-table{display:none}.teams-container{box-sizing:border-box;overflow-y:hidden;padding:20px}.teams-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0;perspective:1000px}.team-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00000040;border:1px solid #64dcff80;border-radius:20px;box-shadow:0 0 20px #64dcff99,inset 0 0 30px #64dcff66;color:#e0e0e0;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transform-style:preserve-3d;transition:transform .4s ease,box-shadow .4s ease}.team-card:focus-within,.team-card:hover{box-shadow:0 0 30px #64dcffe6,inset 0 0 40px #64dcff99;outline:none;transform:translateY(-10px) rotateX(5deg)}.team-rank{font-size:2.5rem;margin-bottom:.75rem;text-shadow:0 0 15px #ffd700cc}.team-name{color:#64dcff;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 10px #64dcffcc}.team-stats{display:flex;flex-wrap:wrap;font-size:1rem;gap:.75rem;justify-content:center}.team-stats>div{background:#64dcff1a;border-radius:8px;box-shadow:0 0 8px #64dcff4d;min-width:70px;padding:.4rem .8rem;transition:background .3s ease}.team-stats>div:hover{background:#64dcff4d}}.teams-table{border-collapse:initial;border-spacing:0 8px;color:#e0e0e0;font-size:1rem;min-width:600px;transition:all .3s ease;width:100%}.teams-table thead tr{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#64dcff4d;border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700}.teams-table thead th{padding:1rem 1.2rem;position:sticky;text-align:center;top:0;-webkit-user-select:none;user-select:none;z-index:10}.teams-table tbody tr{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#141e3266;border-radius:12px;box-shadow:0 0 8px #64dcff33;cursor:default;transition:background .3s ease,transform .2s ease}.teams-table tbody tr:focus-within,.teams-table tbody tr:hover{background:#64dcff26;box-shadow:0 0 15px #64dcff99;outline:none;transform:scale(1.02)}.teams-table tbody tr:nth-child(2n){background:#1e283c66}.teams-table tbody td{border:none;padding:1rem 1.2rem;text-align:center;-webkit-user-select:none;user-select:none}.teams-table tbody td:first-child{color:#64dcff;font-weight:600;padding-left:2rem;text-align:left}.medal-icon{font-size:1.2rem;margin-right:.5rem;vertical-align:middle}@media (max-width:768px){.teams-table{display:none}.teams-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0;perspective:1000px}.team-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e283c80;border:1px solid #fff3;border-radius:20px;box-shadow:0 0 20px #64dcff99,inset 0 0 30px #64dcff66;color:#e0e0e0;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transform-style:preserve-3d;transition:transform .4s ease,box-shadow .4s ease}.team-card:focus-within,.team-card:hover{box-shadow:0 0 30px #64dcffe6,inset 0 0 40px #64dcff99;outline:none;transform:translateY(-10px) rotateX(5deg)}.team-rank{font-size:2.5rem;margin-bottom:.75rem;text-shadow:0 0 15px #ffd700cc}.team-name{color:#64dcff;font-size:1.3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 0 10px #64dcffcc}.team-stats{display:flex;flex-wrap:wrap;font-size:1rem;gap:.75rem;justify-content:center}.team-stats>div{background:#64dcff1a;border-radius:8px;box-shadow:0 0 8px #64dcff4d;min-width:70px;padding:.4rem .8rem;transition:background .3s ease}.team-stats>div:hover{background:#64dcff4d}}:root{--glass-bg:#ffffff1a;--glass-border:#fff3;--gold:#fc0;--dark-bg:linear-gradient(135deg,#1a1a2e,#0f1626);--line-color:#ffffff40;--text:#fff;--card-max-width:260px}.KnockoutBracket_wrapper__Ao8WM{background:linear-gradient(135deg,#1a1a2e,#0f1626);background:var(--dark-bg);box-sizing:border-box;font-family:Segoe UI,sans-serif;min-height:100vh;overflow-x:auto;padding:40px 20px;width:100%}.KnockoutBracket_title__OCF0n{color:#fc0;color:var(--gold);font-size:2.8rem;font-weight:800;margin-bottom:40px;text-align:center;text-shadow:2px 2px 6px #000}.KnockoutBracket_bracket__oCjO4{align-items:center;display:flex;flex-direction:column;gap:60px}.KnockoutBracket_round__nREe3{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 20px #0006;max-width:260px;max-width:var(--card-max-width);padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.KnockoutBracket_round__nREe3:hover{box-shadow:0 12px 30px #00000080;transform:scale(1.02)}.KnockoutBracket_roundName__UO-CM{color:#fc0;color:var(--gold);font-size:1.4rem;font-weight:700;margin-bottom:16px;text-align:center}.KnockoutBracket_matches__SGReU{display:flex;flex-direction:column;gap:24px}.KnockoutBracket_match__xakqk{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;flex-direction:column;padding:12px;position:relative;transition:all .3s ease}.KnockoutBracket_match__xakqk:hover{background:#ffffff40;transform:translateY(-3px)}.KnockoutBracket_teamRow__yptKh{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.KnockoutBracket_team__aYqmj{color:#e0e0e0;flex:1 1;font-size:1rem;font-weight:600;text-align:center}.KnockoutBracket_score__EiXv2{background:#ffffff4d;border:none;border-radius:6px;color:#fff;color:var(--text);font-size:1rem;padding:8px;text-align:center;width:60px}.KnockoutBracket_vs__WwvUw{color:#fc0;color:var(--gold);font-size:.9rem;font-weight:700;margin:12px 0 4px}.KnockoutBracket_final__HbCu4{background:linear-gradient(135deg,#fc0,#f90);box-shadow:0 12px 36px #0006;color:#000!important}.KnockoutBracket_final__HbCu4 .KnockoutBracket_roundName__UO-CM,.KnockoutBracket_final__HbCu4 .KnockoutBracket_team__aYqmj,.KnockoutBracket_final__HbCu4 .KnockoutBracket_vs__WwvUw{color:#000!important}.KnockoutBracket_final__HbCu4 .KnockoutBracket_score__EiXv2{background:#fff!important;color:#000!important}.KnockoutBracket_round__nREe3:not(:last-child):after{background:#ffffff40;background:var(--line-color);bottom:-30px;content:"";height:30px;left:50%;position:absolute;transform:translateX(-50%);width:2px}@media screen and (min-width:1024px){.KnockoutBracket_bracket__oCjO4{align-items:center;flex-direction:row;gap:80px;justify-content:center}.KnockoutBracket_round__nREe3{align-items:center;display:flex;flex-direction:column;position:relative;width:260px;width:var(--card-max-width)}.KnockoutBracket_matches__SGReU{display:flex;flex-direction:column;gap:60px;justify-content:center;position:relative}.KnockoutBracket_match__xakqk{padding:10px 0;position:relative;width:100%}.KnockoutBracket_round__nREe3:not(:last-child):after{height:2px;right:-40px;top:50%;width:40px}.KnockoutBracket_matches__SGReU:before,.KnockoutBracket_round__nREe3:not(:last-child):after{background-color:#ffffff40;background-color:var(--line-color);content:"";position:absolute;z-index:1}.KnockoutBracket_matches__SGReU:before{bottom:0;left:100%;margin-left:20px;top:0;width:2px}.KnockoutBracket_match__xakqk:before{background-color:#ffffff40;background-color:var(--line-color);content:"";height:2px;position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:20px;z-index:1}.KnockoutBracket_final__HbCu4 .KnockoutBracket_match__xakqk:before,.KnockoutBracket_final__HbCu4 .KnockoutBracket_matches__SGReU:before,.KnockoutBracket_final__HbCu4:after{display:none}.KnockoutBracket_matches__SGReU>.KnockoutBracket_match__xakqk:nth-child(2n):before,.KnockoutBracket_matches__SGReU>.KnockoutBracket_match__xakqk:nth-child(odd):before{top:50%}}.KnockoutBracket_title__OCF0n{display:flex;justify-content:center;margin-bottom:2rem}.KnockoutBracket_trophyIcon__TgyU8{filter:drop-shadow(0 0 8px rgba(212,175,55,.6));height:60px;transition:transform .3s ease,filter .3s ease;width:60px}.KnockoutBracket_trophyIcon__TgyU8:hover{filter:drop-shadow(0 0 12px rgba(212,175,55,.8));transform:scale(1.1)}@media (max-width:768px){.KnockoutBracket_trophyIcon__TgyU8{height:45px;width:45px}}.creative-heading{color:#3b82f6;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.creative-edit-card{background:#121215e6;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden!important;padding:20px;touch-action:none;transition:transform .3s ease}.creative-edit-card:hover{transform:translateY(-5px)}.teams-editor{align-items:center;display:flex;flex-direction:column;gap:15px}.team-input-container{margin:0 auto;max-width:300px;position:relative;width:100%}.league-title{color:#3b82f6;cursor:default;font-family:Montserrat,sans-serif;font-size:2.8rem;font-weight:900;letter-spacing:.05em;margin:1.5rem 0 2rem;text-align:center;text-shadow:none;transition:color .3s ease;-webkit-user-select:none;user-select:none}[lang=ar] .league-title{font-family:Tajawal,sans-serif}.league-title:hover{color:#3b82f6;text-shadow:0 4px 20px #0c0c0ccc;transform:scale(1.05)}.team-name-input{border:2px solid #3b82f6;padding:12px 15px;transition:border-color .3s ease}.team-name-input:focus{border-color:#1d4ed8;box-shadow:0 0 5px #3b82f680}.action-buttons{align-items:center;gap:16px;margin:24px 0;padding:0 16px}.glass-button{--button-size:56px;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a,0 0 0 1px #ffffff1a;cursor:pointer;display:flex;height:var(--button-size);justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.1);width:var(--button-size)}.glass-button svg{color:#3b82f6;font-size:1.5rem;transition:all .3s ease}.glass-button:hover{background:#ffffff2e;box-shadow:0 4px 16px #3b82f633,0 0 0 1px #ffffff26;transform:translateY(-2px) scale(1.05)}.glass-button:hover svg{color:#1d4ed8;transform:scale(1.1)}.glass-button:active{transform:translateY(1px) scale(.98)}.glass-button:after{background:#3b82f666;border-radius:50%;content:"";height:100%;opacity:0;position:absolute;width:100%}.glass-button:active:after,.glass-button:after{animation:ripple .6s linear}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1.5)}}@media (max-width:480px){.action-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.action-buttons>button:not(.end-league-btn){flex:1 1 45%;max-width:120px}.action-buttons>.end-league-btn{flex:1 1 100%;margin-left:auto;margin-right:auto;margin-top:1px;max-width:120px}.glass-button{--button-size:52px}.glass-button svg{font-size:1.3rem}.creative-edit-card{box-sizing:border-box;max-width:100vw;overflow-x:hidden;width:100%}#root,body,html{overflow-x:hidden;width:100vw}}.tab-content{animation:fadeIn .7s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff1a;background:var(--background,#ffffff1a);border:1px solid #ffffff2e;border-radius:18px;box-shadow:0 10px 30px #0003,0 0 0 1px #ffffff0d,inset 0 0 15px #ffffff1a;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;gap:1.5rem;margin:1rem 0;overflow:hidden;padding:2rem;position:relative;transition:background .3s ease}[lang=ar] .tab-content{font-family:Tajawal,sans-serif}.tab-content:before{animation:shine 6s linear infinite;background:linear-gradient(to bottom right,#fff0,#ffffff08 50%,#fff0);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(30deg);width:200%}.tab-content:hover{box-shadow:0 15px 40px #0096ff40,inset 0 0 20px #fff3;transform:translateY(-5px)}.team-input{margin:1rem 0}.team-name-input{background:#0006;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;max-width:300px;padding:.8rem;transition:all .3s ease;width:100%}.team-name-input:focus{border-color:#64dcff;box-shadow:0 0 0 3px #64dcff33;outline:none}.action-buttons{display:flex;gap:1rem;justify-content:center;margin:2rem 0;perspective:1000px}.print-btn,.reset-btn{align-items:center;animation:neonPulse 3s ease-in-out infinite alternate;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#64dcff26;border:1px solid #64dcff66;border-radius:12px;box-shadow:0 0 10px #64dcffb3,0 0 20px #64dcff80;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;overflow:hidden;padding:.8rem 1.5rem;position:relative;transform-origin:center;transform-style:preserve-3d;transition:all .3s ease}.print-btn{background:linear-gradient(45deg,#6a11cb,#2575fc)}.reset-btn{animation-delay:1.5s;background:linear-gradient(45deg,#ff416c,#ff4b2b)}.print-btn:hover,.reset-btn:hover{box-shadow:0 0 20px #8e2de2,0 0 40px #4a00e0;outline:none;transform:scale(1.1) rotateY(15deg)}@layer normalize, base, demo, flip, debug;@layer debug{[data-debug=true] input.sr-only{clip:auto;accent-color:red;animation:reveal calc(var(--duration)*1s) ease-out;border-width:initial;cursor:pointer;height:20px;margin:initial;outline:none;overflow:visible;padding:0;position:absolute;white-space:nowrap;width:20px}@keyframes reveal{0%{opacity:0}}[data-debug=true] .control__track>input{bottom:200%;left:25%;translate:-50% 0}[data-debug=true] .premium>input:first-of-type{bottom:calc(200% + 2px);left:25%;translate:-50% 0}[data-debug=true] .premium>input:nth-of-type(2){bottom:calc(200% + 2px);left:75%;translate:-50% 0}}@layer flip{:root{--shadow-color:0deg 0% 63%;--primary:#1e293b;--secondary:#64748b;--inactive:#94a3b8;--duration:0.22;--drop-off:0.4;--ease:ease-out;--ease:linear(0 0%,0.2342 12.49%,0.4374 24.99%,0.6093 37.49%,0.6835 43.74%,0.7499 49.99%,0.8086 56.25%,0.8593 62.5%,0.9023 68.75%,0.9375 75%,0.9648 81.25%,0.9844 87.5%,0.9961 93.75%,1 100%);--border:#cbd5e1}[data-theme=dark]{--primary:#0f172a;--secondary:#1e293b;--background:#0f172acc;--text-color:#cbd5e1;--glow-color:#3b82f6;--shadow-color:0deg 0% 0%}[data-theme=light]{--primary:#e0e7ff;--secondary:#a5b4fc;--background:#e0e7ffcc;--text-color:#1e293b;--glow-color:#6366f1;--shadow-color:0deg 0% 63%}.premium:has(:checked):before{scale:.85;translate:-50% -250%}.premium:has(:checked) label span{scale:1}.premium:has(:checked) .indicator{background:var(--secondary);clip-path:inset(0 0 0 0 round 100px)}.premium:has(:checked) label{color:var(--inactive);opacity:.75}.premium:has(:first-of-type:checked) label:first-of-type,.premium:has(:nth-of-type(2):checked) label:nth-of-type(2){color:var(--primary);opacity:1}.premium:has(:first-of-type:checked) .indicator{translate:-100% 0}.premium:has(:nth-of-type(2):checked) .indicator{translate:0 0}.control label{transition-duration:calc(var(--duration)*1s);transition-property:color,opacity;transition-timing-function:var(--ease)}.control__track:not(:has(>:checked))>label{color:var(--primary);opacity:var(--drop-off)}.control__track:not(:has(>:checked))>.indicator{translate:100% 0}.indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#64dcff4d;border-radius:100px;box-shadow:0 0 12px #64dcffb3,inset 0 0 15px #64dcff80;transition:translate calc(var(--duration)*1s) var(--ease)}.premium .indicator{clip-path:inset(73cqh calc(50% + 1px) calc(27cqh - 2px) calc(50% - 3px) round 100px);transition-property:translate,clip-path,background,box-shadow;transition-timing-function:var(--ease)}.premium .indicator,.premium:before{transition-duration:calc(var(--duration)*1s)}.premium:before{transition-property:scale,translate;transition-timing-function:var(--ease)}.control__track:has(>:checked) .premium .indicator{background:var(--inactive);box-shadow:none}.control__track:has(>:checked) .premium label{color:var(--inactive)}}@layer demo{.indicator{border-radius:100px;bottom:0;left:0;position:absolute;width:50%}.indicator,.premium .indicator{background:var(--primary);top:0}.premium .indicator{left:50%;translate:-50% 0}.control{aspect-ratio:300/42;background:#64dcff1a;border:1px solid #64dcff4d;border-radius:100px;box-shadow:0 4px 10px #64dcff66,inset 0 0 10px #64dcff4d;height:42px;letter-spacing:.5px;margin:2rem auto;padding:3px;position:relative;scale:1.2;transition:box-shadow .4s ease,background .4s ease;width:280px}.control:hover{background:#64dcff26;box-shadow:0 6px 15px #64dcff99,inset 0 0 15px #64dcff66}.control:focus-within{box-shadow:0 8px 20px #64dcffcc,inset 0 0 20px #64dcff80}.control__track{display:grid;grid-template-columns:repeat(4,1fr);height:100%;place-items:center;position:relative;width:100%}.premium:before{align-items:center;color:var(--primary);content:"+";display:flex;font-size:3rem;left:50%;position:absolute;top:50%;translate:-50% -50%}.premium:before,label{justify-content:center;text-align:center;width:100%;z-index:2}label{color:var(--primary);cursor:pointer;display:inline-block;display:grid;font-size:.75rem;height:100%;place-items:center;align-items:center}.control__track>label{color:var(--secondary)}.premium{border:1px solid #0000;container-type:size;display:grid;grid-template-columns:1fr 1fr;height:100%;position:relative;width:100%}.control__track>label:first-of-type,.premium{grid-column:span 2}label span{display:grid;height:100%;place-items:center;transition:scale calc(var(--duration)*1s) var(--ease);width:100%}.premium label:first-of-type span{align-items:center;border-radius:100px;color:#64dcff;cursor:pointer;display:flex;filter:drop-shadow(0 0 4px #64dcff);font-size:1.5rem;justify-content:center;scale:.75;transform-origin:150% 150%;transition:color .3s ease}.premium label:first-of-type:hover span{color:#3bb0ff;filter:drop-shadow(0 0 6px #3bb0ff)}.premium label:nth-of-type(2) span{align-items:center;border-radius:100px;color:#64dcff;cursor:pointer;display:flex;filter:drop-shadow(0 0 4px #64dcff);font-size:1.5rem;justify-content:center;scale:.75;transform-origin:-65% 150%;transition:color .3s ease}.premium label:nth-of-type(2):hover span{color:#3bb0ff;filter:drop-shadow(0 0 6px #3bb0ff)}}@layer base{:root{--font-size-min:16;--font-size-max:20;--font-ratio-min:1.2;--font-ratio-max:1.33;--font-width-min:375;--font-width-max:1500}html{color-scheme:light dark}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}.league-page{font-family:Montserrat,sans-serif;padding-top:4.5rem}[lang=ar] .league-page{direction:rtl;font-family:Tajawal,sans-serif}:where(.fluid){--fluid-min:calc(var(--font-size-min)*pow(var(--font-ratio-min), var(--font-level, 0)));--fluid-max:calc(var(--font-size-max)*pow(var(--font-ratio-max), var(--font-level, 0)));--fluid-preferred:calc((var(--fluid-max) - var(--fluid-min))/(var(--font-width-max) - var(--font-width-min)));--fluid-type:clamp((var(--fluid-min)/16) * 1rem,((var(--fluid-min)/16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min))/16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit,100vi)),(var(--fluid-max)/16) * 1rem);font-size:var(--fluid-type)}*,:after,:before{box-sizing:border-box}body{display:grid;min-height:100vh;place-items:center}body:before{--size:45px;--line:color-mix(in hsl,canvasText,#0000 80%);background:linear-gradient(90deg,var(--line) 1px,#0000 1px var(--size)) calc(var(--size)*.36) 50% /var(--size) var(--size),linear-gradient(var(--line) 1px,#0000 1px var(--size)) 0 calc(var(--size)*.32) /var(--size) var(--size);content:"";height:100vh;-webkit-mask:linear-gradient(-20deg,#0000 50%,#fff);mask:linear-gradient(-20deg,#0000 50%,#fff);pointer-events:none;position:fixed;top:0;transform-style:flat;width:100vw;z-index:-1}.bear-link{aspect-ratio:1;color:initial;display:grid;left:1rem;opacity:.8;place-items:center;position:fixed;top:1rem;width:48px}:where(.x-link,.bear-link):is(:hover,:focus-visible){opacity:1}.bear-link svg{width:75%}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}.settings-title-wrapper{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:1rem 0;transition:all .3s ease}.settings-icon{animation:rotate 8s linear infinite;color:#64dcff;filter:drop-shadow(0 0 8px rgba(100,220,255,.7));font-size:2.8rem;transition:all .3s ease}.settings-icon:hover{animation:rotate 2s linear infinite;filter:drop-shadow(0 0 12px rgba(100,220,255,.9));transform:scale(1.1)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.settings-tooltip{background:#000c;border-radius:6px;color:#fff;font-family:Montserrat,sans-serif;font-size:.9rem;opacity:0;padding:.5rem 1rem;pointer-events:none;position:absolute;transform:translateY(10px);transition:all .3s ease}[lang=ar] .settings-tooltip{font-family:Tajawal,sans-serif}.settings-title-wrapper:hover .settings-tooltip{opacity:1;transform:translateY(0)}@media (max-width:768px){.settings-icon{font-size:2.2rem}}:root{--english-font:"Montserrat",sans-serif;--arabic-font:"Tajawal",sans-serif}.support-center-container{background-color:#0a0a15;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-family:var(--english-font);min-height:100vh;overflow:hidden;padding-top:6rem;position:relative}[lang=ar] .support-center-container{font-family:Tajawal,sans-serif;font-family:var(--arabic-font)}.support-center-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;padding:40px 20px;width:100%;z-index:2}.title-center-wrapper{margin-bottom:40px;text-align:center;width:100%}.center-title-gradient{background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;font-weight:700;margin:0 0 15px}.center-subtitle{color:#a5b4fc;font-size:1.1rem;opacity:.8}.center-glass-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;padding:30px;width:100%}.center-form-group{margin-bottom:25px;width:100%}.center-glass-input,.center-glass-select,.center-glass-textarea{background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:1rem;padding:15px 20px;text-align:center;transition:all .3s ease;width:100%}.center-glass-input:focus,.center-glass-select:focus,.center-glass-textarea:focus{background:#ffffff1f;border-color:#a5b4fc4d;outline:none}.center-glass-input::placeholder,.center-glass-textarea::placeholder{color:#ffffff80;text-align:center}.center-glass-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#ffffff14;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0003;cursor:pointer;padding-right:40px;position:relative;text-align-last:center}.center-glass-select:after{color:#ffffffb3;content:"▼";pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.center-glass-select:focus:after{transform:translateY(-50%) rotate(180deg)}.center-glass-select option{background-color:#1a1a2e;border-radius:5px;color:#fff;padding:10px;text-align:center}.center-glass-select option:hover{background-color:#a5b4fc33;color:#a5b4fc}.center-glass-textarea{min-height:120px;resize:vertical}.center-submit-btn{background:linear-gradient(90deg,#6366f1,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:10px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.center-submit-btn:hover:not(:disabled){box-shadow:0 5px 15px #6366f14d;transform:translateY(-2px)}.center-submit-btn:disabled{cursor:not-allowed;opacity:.7}.center-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:22px;margin:0 auto;width:22px}.glass-success-message{animation:fadeIn .4s ease-out;background:#10b98133;border:1px solid #10b9814d;border-radius:8px;color:#a7f3d0;margin-bottom:20px;padding:12px;text-align:center}.support-footer{margin-top:auto;padding:20px;width:100%}.floating-orb{border-radius:50%;filter:blur(60px);opacity:.15;position:absolute;z-index:1}.orb-1{animation:float 18s ease-in-out infinite alternate;background:#6366f1;height:300px;left:15%;top:15%;width:300px}.orb-2{animation:float 20s ease-in-out infinite alternate-reverse;background:#8b5cf6;bottom:15%;height:400px;right:15%;width:400px}.orb-3{animation:float 15s ease-in-out infinite alternate;background:#a5b4fc;height:250px;left:20%;top:60%;width:250px}@keyframes float{0%{transform:translate(0)}50%{transform:translate(20px,20px)}to{transform:translate(-20px,-20px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.support-center-content{padding:20px 15px}.center-title-gradient{font-size:2.5rem}.center-glass-form{padding:20px}}.language-switcher{display:inline-block;position:relative;z-index:1000}.language-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 0 10px #64dcffb3;color:#fff;cursor:pointer;display:flex;gap:8px;padding:.5rem 1rem;transition:all .3s ease}.language-toggle:hover{background:#fff3}.flag-icon{height:15px;width:20px}.chevron{transition:transform .3s ease}.chevron.open{transform:rotate(180deg)}.language-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;left:0;margin-top:8px;min-width:140px;overflow:hidden;position:absolute;right:0;right:auto;top:100%;transform:none}.language-dropdown button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px 12px;text-align:left;width:100%}.language-dropdown button:hover{background:#fff3}.modern-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;background:var(--background,#ffffff14);border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -5px 20px #0003;color:#f0f0f0;color:var(--text-color,#f0f0f0);font-family:Montserrat,sans-serif;font-size:.95rem;left:0;margin-top:4rem;padding:1.5rem 2rem;position:relative;text-align:center;width:100%;z-index:999}[lang=ar] .modern-footer{font-family:Tajawal,sans-serif}.footer-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.modern-footer p{align-items:center;display:flex;font-weight:500;gap:.5rem;margin:0;text-shadow:0 1px 3px #0003}.heart-icon{animation:pulse 1.5s ease-in-out infinite;color:#ff6b6b;font-size:1.2rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.social-icons{display:flex;gap:1.5rem;margin-top:.5rem}.social-icon{color:#f0f0f0;color:var(--text-color,#f0f0f0);filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));font-size:1.8rem;transition:all .3s ease}.social-icon.linkedin:hover{color:#0077b5;filter:drop-shadow(0 4px 8px rgba(0,119,181,.6));transform:translateY(-3px) scale(1.1)}.social-icon.github:hover{color:#6e5494;filter:drop-shadow(0 4px 8px rgba(110,84,148,.6));transform:translateY(-3px) scale(1.1)}@media (max-width:768px){.modern-footer{font-size:.85rem;margin-top:2rem;padding:1rem 1.5rem}.footer-content{gap:.8rem}.modern-footer p{flex-direction:column;gap:.2rem}.heart-icon{font-size:1rem}.social-icons{gap:1rem}.social-icon{font-size:1.5rem}}.modern-footer:before{background:linear-gradient(90deg,#fff0 0,#ffffff05 50%,#fff0);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:-1}.footer-copyright{color:#f0f0f0;color:var(--text-color,#f0f0f0);font-size:.8rem;margin-top:1rem;text-align:center}.modern-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0c052b98;box-shadow:0 4px 25px #00f2fe33;font-family:Montserrat,sans-serif;left:0;padding:1rem 2rem;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}[lang=ar] .modern-header,[lang=ar] .modern-header .nav-link span{font-family:Tajawal,sans-serif}.header-container{justify-content:space-between;margin:0 auto;max-width:1400px}.header-container,.logo-section{align-items:center;display:flex}.logo{display:flex;flex-direction:column;font-family:Arial,sans-serif;line-height:1;text-decoration:none}.logo-main{color:#00f2fe;font-size:1.8rem;font-weight:700;text-shadow:0 0 10px #00f2feb3}.logo-sub{color:#64dcff;font-size:.9rem;opacity:.8}.nav-links{gap:1.5rem}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{border-radius:8px;color:#64dcff;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#64dcff33;transform:translateY(-2px)}.nav-link:after{background-color:#00f2fe;bottom:0;content:"";height:2px;left:50%;position:absolute;transition:all .3s ease;width:0}.nav-link:hover:after{left:1rem;width:calc(100% - 2rem)}.nav-icon{color:#00f2fe;font-size:1.1rem;transition:all .3s ease}.header-controls{gap:1rem}.header-controls,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:linear-gradient(135deg,#00f2fe,#4facfe);border:none;border-radius:12px;box-shadow:0 0 15px #00f2fe80;color:#fff;cursor:pointer;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.theme-toggle:hover{box-shadow:0 0 20px #00f2fecc;transform:scale(1.05)}.theme-toggle .toggle-icon{font-size:1rem}.mobile-menu-btn{background:#0000;border:none;color:#64dcff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.mobile-menu-btn:hover{color:#00f2fe;transform:scale(1.1)}@media (max-width:992px){.modern-header{padding:1rem}.nav-links{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00141ef2;border-left:1px solid #64dcff33;flex-direction:column;gap:1.5rem;height:calc(100vh - 4.5rem);padding:2rem;position:fixed;right:-100%;top:4.5rem;transition:right .4s cubic-bezier(.68,-.55,.27,1.55);width:280px;z-index:999}.nav-links.active{right:0}.nav-link{padding:.8rem 1rem;width:100%}.nav-link:after{display:none}.mobile-menu-btn{display:block}.theme-toggle{min-width:100px;padding:.6rem 1rem}.theme-toggle .toggle-text{display:inline}.theme-toggle .toggle-icon{font-size:.9rem}}@media (max-width:576px){.logo-main{font-size:1.5rem}.logo-sub{font-size:.8rem}.header-controls{gap:.75rem}.theme-toggle{font-size:.9rem;padding:.5rem .8rem}}:root{--background:#bec7f8;--text-color:#000;--scrollbar-track:#dcdcdc66;--scrollbar-thumb:#6496ff99;--selection-bg:#0051ff66;--selection-color:#111;--code-bg:#ffffff80;--vh:100%}[data-theme=dark]{--background:linear-gradient(135deg,#170f3f98,#1a1a2e);--text-color:#f0f0f0;--scrollbar-track:#1e1e1e66;--scrollbar-thumb:#64dcff66;--selection-bg:#64dcff66;--selection-color:#fff;--code-bg:#1e293b80}[data-theme=light]{--background:linear-gradient(135deg,#8a7dc97d,#7e7e89);--text-color:#000;--scrollbar-track:#dcdcdc66;--scrollbar-thumb:#6496ff99;--selection-bg:#0051ff66;--selection-color:#111;--code-bg:#51121280}*,:after,:before{box-sizing:border-box}body,html{background:#bec7f8;background:var(--background);color:#000;color:var(--text-color);height:100%;margin:0;overflow-x:hidden;padding:0}#root,body,html{height:10000%;height:calc(var(--vh, 1vh)*100)}.app-wrapper,.page-container{display:flex;flex-direction:column;min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;min-height:100vh;overflow-x:hidden;overscroll-behavior:none}html{scroll-behavior:smooth}code{background:#ffffff80;background:var(--code-bg);border-radius:4px;font-family:Fira Code,Menlo,Consolas,monospace;padding:.2rem .4rem}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#dcdcdc66;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:#6496ff99;background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64dcff99}::selection{background:#0051ff66;background:var(--selection-bg);color:#111;color:var(--selection-color)}:root{font-size:16px}@media (max-width:768px){:root{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000}@page{margin:1cm}}
/*# sourceMappingURL=main.3eee94bf.css.map*/