@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;1,600;1,800&family=Inter:wght@400;600;700;800&display=swap";:root{--bg-core:#1c192d;--bg-gradient:radial-gradient(ellipse at top right, #2d1b4e 0%, #1c192d 70%);--panel-bg:linear-gradient(145deg, #32235559, #19142d8c);--panel-border:#5e4d9666;--panel-hover-border:#a638f6cc;--text-main:#fff;--text-muted:#8b8fa3;--accent-pink:#e6397a;--accent-purple:#a638f6;--accent-blue:#00f0ff;--win:#00e676;--loss:#ff3b3b;--draw:#ffc107}*{box-sizing:border-box;margin:0;padding:0}html{font-size:13px}body{background-color:var(--bg-core);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.06'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' opacity='0.7'%3E%3Ccircle cx='15' cy='45' r='1'/%3E%3Ccircle cx='150' cy='30' r='1.5'/%3E%3Ccircle cx='280' cy='80' r='0.5'/%3E%3Ccircle cx='360' cy='140' r='1.5'/%3E%3Ccircle cx='80' cy='180' r='1'/%3E%3Ccircle cx='220' cy='210' r='1.5'/%3E%3Ccircle cx='380' cy='280' r='1'/%3E%3Ccircle cx='120' cy='320' r='1.5'/%3E%3Ccircle cx='250' cy='360' r='1'/%3E%3Ccircle cx='40' cy='390' r='0.5'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' opacity='0.4'%3E%3Ccircle cx='30' cy='60' r='1'/%3E%3Ccircle cx='180' cy='100' r='0.8'/%3E%3Ccircle cx='230' cy='40' r='1'/%3E%3Ccircle cx='50' cy='200' r='1.2'/%3E%3Ccircle cx='140' cy='230' r='0.5'/%3E%3Ccircle cx='220' cy='210' r='1'/%3E%3C/g%3E%3C/svg%3E"), radial-gradient(ellipse at 40% 50%, #8b2cff26 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #00f0ff1a 0%, transparent 50%), radial-gradient(ellipse at 20% 80%, #ff2a751a 0%, transparent 50%), var(--bg-gradient);color:var(--text-main);background-size:auto,400px 400px,200px 200px,100vw 100vh,100vw 100vh,100vw 100vh,auto;background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.spotlight-container{z-index:-1;pointer-events:none;width:100%;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.spotlight{filter:blur(80px);opacity:.9;border-radius:50%;animation:12s ease-in-out infinite spotlightMove;position:absolute}.spotlight:first-child{background:radial-gradient(circle,#e6397a73 0%,#0000 70%);width:60vw;height:60vw;top:-20%;left:-10%}.spotlight:nth-child(2){background:radial-gradient(circle,#00f0ff73 0%,#0000 70%);width:50vw;height:50vw;animation-delay:-7s;bottom:-20%;right:-10%}.spotlight:nth-child(3){background:radial-gradient(circle,#a638f673 0%,#0000 70%);width:40vw;height:40vw;animation-duration:20s;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes spotlightMove{0%{transform:translate(0)scale(1)}33%{transform:translate(15vw,10vh)scale(1.2)}66%{transform:translate(-10vw,15vh)scale(.8)}to{transform:translate(0)scale(1)}}.app-container{max-width:1440px;margin:0 auto;padding:1.5rem}.top-nav{justify-content:space-between;align-items:center;padding:1rem 0 2.5rem;display:flex}.brand{text-transform:uppercase;letter-spacing:1px;flex:1 1 0;align-items:center;gap:15px;font-family:Barlow Condensed,sans-serif;font-size:1.6rem;font-weight:700;display:flex}.brand span{color:var(--text-muted);letter-spacing:2px;font-size:1.2rem;font-weight:500}.brand-icon{background:var(--text-main);color:var(--bg-core);border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.nav-tabs{background:#1a153899;border:1px solid #ffffff1a;border-radius:40px;gap:.5rem;padding:5px;display:flex}.nav-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:30px;align-items:center;gap:.5rem;padding:.4rem 1.2rem;font-size:.8rem;font-weight:600;transition:all .4s;display:flex}.nav-tab:hover{color:var(--text-main);background:#ffffff1a}.nav-tab.active{color:#fff;text-shadow:0 2px 4px #0000004d;background:linear-gradient(90deg,#ff2a75,#8b2cff);border:1px solid #fff6;box-shadow:0 0 20px #ff2a7599,inset 0 0 10px #fff3}.user-profile{align-items:center;gap:1.5rem;display:flex}.notification{cursor:pointer;position:relative}.badge{background:var(--loss);color:#fff;box-shadow:0 0 10px var(--loss);border-radius:10px;padding:2px 6px;font-size:.65rem;font-weight:800;position:absolute;top:-8px;right:-8px}.avatar-group{cursor:pointer;align-items:center;gap:10px;display:flex}.avatar-group img{border:2px solid var(--accent-purple);border-radius:50%;width:40px;height:40px;box-shadow:0 0 10px #8b2cff80}.dashboard-grid{flex-direction:column;gap:1.5rem;display:flex}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(24px);border-radius:16px;padding:1.5rem;transition:all .3s;box-shadow:0 10px 40px #0006}.panel:hover{border-color:var(--panel-hover-border);transform:translateY(-2px);box-shadow:0 15px 50px #0009,inset 0 0 20px #a638f61a}.panel-header{color:var(--text-main);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #ffffff0d;align-items:center;gap:.5rem;margin-bottom:1.2rem;padding-bottom:.8rem;font-family:Barlow Condensed,sans-serif;font-size:1.6rem;font-weight:600;display:flex}.hero-banner{clip-path:polygon(0% 0%,5% 2%,10% 3.5%,20% 6%,30% 7.5%,40% 8.5%,50% 9%,60% 8.5%,70% 7.5%,80% 6%,90% 3.5%,95% 2%,100% 0%,100% 100%,95% 98%,90% 96.5%,80% 94%,70% 92.5%,60% 91.5%,50% 91%,40% 91.5%,30% 92.5%,20% 94%,10% 96.5%,5% 98%,0% 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff26;border-radius:0;align-items:center;width:100vw;height:320px;margin-left:calc(50% - 50vw);padding:2rem 3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-banner:before{content:"";z-index:1;background:radial-gradient(#1a123566 0%,#1a1235cc 100%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;perspective:1200px;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.hero-title{letter-spacing:1px;background:linear-gradient(90deg, var(--accent-blue) 0%, #fff 25%, var(--accent-pink) 50%, #fff 75%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;margin-bottom:1.5rem;font-family:Barlow Condensed,sans-serif;font-size:6.5rem;font-style:italic;font-weight:800;line-height:.85;animation:8s linear infinite titleShimmer,10s cubic-bezier(.4,0,.2,1) infinite alternate title3DMove}@keyframes titleShimmer{to{background-position:200%}}@keyframes title3DMove{0%{filter:drop-shadow(8px 8px 15px #00f0ff66);transform:rotateX(15deg)rotateY(-10deg)translateZ(0)}to{filter:drop-shadow(-8px -8px 25px #e6397ab3);transform:rotateX(-5deg)rotateY(15deg)translateZ(40px)scale(1.05)}}.hero-subtitle{color:var(--accent-blue);letter-spacing:4px;text-transform:uppercase;text-shadow:0 4px 15px #000c;margin-top:.5rem;font-family:Barlow Condensed,sans-serif;font-size:2rem;font-weight:600}.status-pill{background:linear-gradient(90deg, var(--accent-pink), #d81b60);letter-spacing:2px;color:#fff;text-transform:uppercase;border-radius:30px;align-items:center;gap:10px;padding:.6rem 1.5rem;font-size:.85rem;font-weight:800;display:inline-flex;box-shadow:0 5px 20px #ff2e9399}.status-pill.offline{color:var(--text-muted);box-shadow:none;background:#ffffff1a}.status-indicator{background:#fff;border-radius:50%;width:8px;height:8px;animation:1s infinite alternate blink;display:inline-block}.status-pill.offline .status-indicator{background:var(--text-muted);animation:none}@keyframes blink{0%{opacity:.2;box-shadow:0 0 #fff}to{opacity:1;box-shadow:0 0 10px #fff}}@keyframes pulsePill{0%{box-shadow:0 0 #ff2e93b3}70%{box-shadow:0 0 0 15px #ff2e9300}to{box-shadow:0 0 #ff2e9300}}.stats-row{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.stat-card{align-items:center;gap:1.5rem;padding:2.2rem 2rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.stat-card:first-child{border-top:1px solid var(--accent-purple);box-shadow:0 10px 40px #0006,inset 0 10px 20px #8b5cf60d}.stat-card:nth-child(2){border-top:1px solid #fff;box-shadow:0 10px 40px #0006,inset 0 10px 20px #ffffff0d}.stat-card:nth-child(3){border-top:1px solid var(--accent-blue);box-shadow:0 10px 40px #0006,inset 0 10px 20px #06b6d40d}.stat-card:nth-child(4){border-top:1px solid var(--accent-pink);box-shadow:0 10px 40px #0006,inset 0 10px 20px #ec48990d}.stat-card:hover{transform:translateY(-8px)scale(1.02);border-top-color:var(--panel-hover-border)!important}.stat-card:first-child .stat-icon{border-color:var(--accent-purple);color:var(--accent-purple);background:linear-gradient(135deg,#8b5cf64d,#0000)}.stat-card:nth-child(2) .stat-icon{color:#fff;background:linear-gradient(135deg,#fff3,#0000);border-color:#fff}.stat-card:nth-child(3) .stat-icon{border-color:var(--accent-blue);color:var(--accent-blue);background:linear-gradient(135deg,#06b6d44d,#0000)}.stat-card:nth-child(4) .stat-icon{border-color:var(--accent-pink);color:var(--accent-pink);background:linear-gradient(135deg,#ec48994d,#0000)}.stat-icon{background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:inset 0 0 15px #ffffff1a}.stat-value{color:#fff;text-shadow:0 2px 10px #fff3;margin-bottom:.25rem;font-family:Barlow Condensed,sans-serif;font-size:3.5rem;font-weight:600;line-height:.8}.stat-label{color:#e0e3eb;letter-spacing:.5px;font-size:1rem;font-weight:600}.stat-trend{color:var(--win);align-items:center;gap:4px;margin-top:.5rem;font-size:.8rem;font-weight:600;display:flex}.middle-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.next-match-panel{border-radius:12px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden}.next-match-header{border-bottom:1px solid #ffffff14;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.grand-final-pill{color:#fff;letter-spacing:1px;background:linear-gradient(90deg,#d81b60,#8e24aa);border-radius:20px;padding:.3rem 1rem;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:600}.nm-title{letter-spacing:1px;font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-weight:700}.next-match-content{justify-content:center;align-items:center;gap:8rem;padding:3rem 0;display:flex;position:relative}.team-large{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.team-logo-wrapper{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.team-falcons .team-logo-wrapper{border-color:var(--accent-blue);box-shadow:0 0 30px #00f0ff66,inset 0 0 20px #00f0ff33}.team-falcons .team-logo-wrapper:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#00f0ff26 0%,#0000 60%);position:absolute;inset:-50%}.team-thunder .team-logo-wrapper{border-color:var(--accent-pink);box-shadow:0 0 30px #e6397a66,inset 0 0 20px #e6397a33}.team-thunder .team-logo-wrapper:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#e6397a26 0%,#0000 60%);position:absolute;inset:-50%}.team-large img{object-fit:contain;mix-blend-mode:lighten;border-radius:50%;width:120px;height:120px;transition:transform .3s}.team-large:hover img{transform:scale(1.1)}.team-large span{letter-spacing:2px;text-shadow:0 4px 10px #00000080;font-family:Barlow Condensed,sans-serif;font-size:2.2rem;font-style:italic;font-weight:700}.nm-center{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.nm-date,.nm-time{color:#e0e3eb;letter-spacing:1px;font-family:Barlow Condensed,sans-serif;font-size:1.2rem}.vs-badge-new{font-family:Barlow Condensed,sans-serif;font-size:4.5rem;font-style:italic;font-weight:800;display:flex}.vs-v{color:#0000;-webkit-text-stroke:2px var(--accent-blue);text-shadow:0 0 15px #00f0ff80}.vs-s{color:#0000;-webkit-text-stroke:2px var(--accent-pink);text-shadow:0 0 15px #e6397a80}.countdown-timer{gap:1rem;display:flex}.cd-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;min-width:60px;padding:.5rem .8rem;display:flex}.cd-val{color:#fff;font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-weight:700;line-height:1}.cd-lbl{color:var(--text-muted);margin-top:4px;font-size:.75rem}.live-score-display{align-items:center;display:flex}.live-score-num{text-shadow:0 0 20px;font-family:Barlow Condensed,sans-serif;font-size:5rem;font-weight:700;line-height:1}.live-indicator{color:var(--loss);letter-spacing:1px;align-items:center;gap:.5rem;font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:600;display:flex}.pulsing-dot{background-color:var(--loss);width:10px;height:10px;box-shadow:0 0 10px var(--loss);border-radius:50%;animation:1.5s infinite pulseLive}@keyframes pulseLive{0%{transform:scale(.95);box-shadow:0 0 #ff3b3bb3}70%{transform:scale(1);box-shadow:0 0 0 10px #ff3b3b00}to{transform:scale(.95);box-shadow:0 0 #ff3b3b00}}.match-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.mf-info{color:var(--text-muted);align-items:center;gap:1.5rem;display:flex}.mf-item{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.mf-divider{background:#ffffff1a;width:1px;height:20px}.view-match-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#d81b60,#8e24aa);border:none;border-radius:30px;align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.view-match-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #d81b6066}.list-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 0;font-size:.95rem;transition:background .2s;display:flex}.list-item:hover{background:#ffffff05;border-radius:8px;padding-left:.5rem;padding-right:.5rem}.list-item:last-child{border-bottom:none}.team-sm{align-items:center;gap:.75rem;font-weight:600;display:flex}.team-sm img{border-radius:50%;width:28px;height:28px;box-shadow:0 2px 5px #00000080}.score-box{letter-spacing:1px;justify-content:center;align-items:center;gap:.5rem;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:600;display:flex}.result-tag{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:flex}.result-tag.W{background:var(--win);color:#000;box-shadow:0 0 10px #00e67666}.result-tag.L{background:var(--loss);color:#fff;box-shadow:0 0 10px #ff3b3b66}.result-tag.D{background:var(--draw);color:#000;box-shadow:0 0 10px #ffc10766}.scorer-info{align-items:center;gap:1rem;display:flex}.scorer-rank{color:var(--accent-blue);width:20px;font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:600}.scorer-avatar{object-fit:cover;border:2px solid var(--panel-border);border-radius:50%;width:40px;height:40px;box-shadow:0 4px 10px #0000004d}.scorer-name{color:#fff;font-size:.95rem;font-weight:600}.scorer-team{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.scorer-goals{text-align:right;font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-weight:600;line-height:1}.scorer-goals span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;display:block}table{border-collapse:separate;border-spacing:0;width:100%}th,td{text-align:center;border-bottom:1px solid #ffffff0d;padding:1rem .5rem}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}td{font-size:.95rem;font-weight:600}tbody tr{transition:all .2s}tbody tr:hover{background:#ffffff08;transform:scale(1.005)}td:nth-child(2),th:nth-child(2){text-align:left}.team-table-cell{letter-spacing:.5px;align-items:center;gap:1rem;font-style:italic;font-weight:700;display:flex}.team-table-cell img{border-radius:50%;width:26px;height:26px}.pts-col{color:var(--accent-blue);font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:600}.marquee-container{width:100%;display:flex;position:relative;overflow:hidden}.marquee-container:before,.marquee-container:after{content:"";z-index:2;pointer-events:none;width:100px;position:absolute;top:0;bottom:0}.marquee-container:before{background:linear-gradient(to right, var(--panel-bg) 30%, transparent 100%);border-radius:16px 0 0 16px;left:0}.marquee-container:after{background:linear-gradient(to left, var(--panel-bg) 30%, transparent 100%);border-radius:0 16px 16px 0;right:0}.marquee-content{white-space:nowrap;width:max-content;animation:80s linear infinite scrollMarquee;display:flex}.marquee-content:hover{animation-play-state:paused}.marquee-group{flex-shrink:0;gap:1.5rem;padding-right:1.5rem;display:flex}.marquee-item-box{cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:130px;height:100px;transition:all .3s;display:flex}.marquee-item-box img{object-fit:contain;mix-blend-mode:lighten;border-radius:50%;width:65px;height:65px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.marquee-item-box:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 5px 15px #0000004d}.marquee-item-box:hover img{transform:scale(1.15)}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.view-all-link{color:var(--text-main);cursor:pointer;text-transform:none;letter-spacing:0;opacity:.7;font-family:Inter,sans-serif;font-size:.8rem;font-weight:400;text-decoration:underline}.view-all-link:hover{opacity:1}.gallery-card:hover>img{transform:scale(1.08)}@media (width<=1200px){.middle-row{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:4rem}}