.futuristic-bg{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);background-attachment:fixed}.metallic-card{background:linear-gradient(145deg,#2a2a3a,#1e1e2e);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.1);backdrop-filter:blur(10px)}.metallic-header{background:linear-gradient(90deg,#4a5568,#2d3748);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 1px hsla(0,0%,100%,.1),0 -1px 1px rgba(0,0,0,.4);position:relative}.metallic-header:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(138,180,248,.8),transparent)}.metallic-text{background:linear-gradient(90deg,#8ab4f8,#c2d2f3 50%,#8ab4f8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.3)}.bracket-label{font-size:2.25rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 15px rgba(0,0,255,.5);margin-bottom:1.25rem;text-align:center;position:relative}.bracket-label:after{content:"";position:absolute;bottom:-8px;left:15%;width:70%;height:2px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.9),transparent)}.metallic-button{background:linear-gradient(135deg,#3a4a6b,#2d3748);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 10px rgba(0,0,0,.2),inset 0 0 0 1px hsla(0,0%,100%,.1);color:#8ab4f8;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .3s ease;position:relative;overflow:hidden}.metallic-button:hover{background:linear-gradient(135deg,#4a5a7b,#3d4758);box-shadow:0 4px 15px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.2);transform:translateY(-1px)}.metallic-button:active{background:linear-gradient(135deg,#2a3a5b,#1d2738);box-shadow:0 1px 5px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.05);transform:translateY(1px)}.metallic-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,0));transform:rotate(45deg);transition:all .5s ease;opacity:0}.metallic-button:hover:before{animation:shine 1.5s ease forwards}.metallic-input{background:rgba(30,41,59,.8);border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 2px 10px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.05);color:#c2d2f3;transition:all .3s ease}.metallic-input:focus{background:rgba(30,41,59,.9);border-color:rgba(138,180,248,.5);box-shadow:inset 0 2px 10px rgba(0,0,0,.2),0 0 0 1px rgba(138,180,248,.3),0 0 15px rgba(138,180,248,.2)}.bracket-game{transition:all .3s ease;position:relative}.bracket-game:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(138,180,248,.1),rgba(138,180,248,0));opacity:0;transition:opacity .3s ease;pointer-events:none}.bracket-game:hover:after{opacity:1}.team-button{background:linear-gradient(145deg,#2a2a3a,#1e1e2e);border:1px solid hsla(0,0%,100%,.1);color:#c2d2f3;transition:all .3s ease;position:relative;overflow:hidden}.team-button:hover{background:linear-gradient(145deg,#3a3a4a,#2e2e3e);border-color:rgba(138,180,248,.3);transform:translateY(-1px)}.team-button-selected{background:linear-gradient(145deg,#1a3a6c,#0f2d5c);border-color:rgba(138,180,248,.5);color:#fff;box-shadow:0 0 15px rgba(138,180,248,.3),inset 0 0 0 1px rgba(138,180,248,.3)}.glow-effect{position:relative}.glow-effect:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:radial-gradient(circle,rgba(138,180,248,.2) 0,rgba(138,180,248,0) 70%);z-index:-1;opacity:0;transition:opacity .5s ease}.glow-effect:hover:after{opacity:1}.championship-card{background:linear-gradient(145deg,#2a3a5b,#1a2a4b);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.1)}@keyframes shine{0%{opacity:0;transform:translateX(-100%) rotate(45deg)}20%{opacity:.5}to{opacity:0;transform:translateX(100%) rotate(45deg)}}.pulse-glow{animation:pulse 3s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(138,180,248,.4)}70%{box-shadow:0 0 0 10px rgba(138,180,248,0)}to{box-shadow:0 0 0 0 rgba(138,180,248,0)}}.countdown-container{background:linear-gradient(145deg,#1a2a4b,#0a1a3b);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 5px 15px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.05)}.countdown-digit{background:rgba(20,30,50,.8);border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 2px 5px rgba(0,0,0,.3);padding:5px 8px;border-radius:4px;font-family:monospace;font-weight:700}.winner-container{position:relative;overflow:hidden;padding:2rem;background:linear-gradient(145deg,#1a2a4b,#0a1a3b);border-radius:1rem;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.1)}.winner-text{position:relative;animation:winner-pulse 2s infinite}.champion-text,.winner-text{background:linear-gradient(90deg,gold,#ffec8b 50%,gold);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.5)}.winner-card{background:linear-gradient(145deg,#2a3a5b,#1a2a4b);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 10px 20px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);animation:card-glow 3s infinite}@keyframes winner-pulse{0%,to{text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.5)}50%{text-shadow:0 0 20px gold,0 0 30px rgba(255,215,0,.8)}}@keyframes card-glow{0%,to{box-shadow:0 10px 20px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,215,0,.2),0 0 10px rgba(255,215,0,.3)}50%{box-shadow:0 10px 25px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,215,0,.3),0 0 20px rgba(255,215,0,.5)}}.firework{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;border-radius:50%;box-shadow:0 0 0 4px rgba(255,215,0,.1),0 0 0 8px rgba(255,215,0,.1),0 0 20px rgba(255,215,0,.5);animation:firework 2s ease-out infinite}.firework:nth-child(2){animation-delay:.3s;left:30%}.firework:nth-child(3){animation-delay:.6s;left:70%}@keyframes firework{0%{width:.5rem;height:.5rem;box-shadow:0 0 0 0 rgba(255,215,0,.7),0 0 0 0 rgba(255,215,0,.7),0 0 0 0 rgba(255,215,0,.7),0 0 0 0 rgba(255,215,0,.7);opacity:1;transform:translate(-50%,-50%) scale(.2)}to{width:.1rem;height:.1rem;box-shadow:0 0 0 20px rgba(255,215,0,0),0 0 0 40px rgba(255,215,0,0),0 0 0 60px rgba(255,215,0,0),0 0 0 80px rgba(255,215,0,0);opacity:0;transform:translate(-50%,-50%) scale(1)}}