:root{--primary-color:#0a4d68;--secondary-color:#00ccbb;--accent-color:#ffd700;--text-color:#e0e0e0;--background-color:#050a14;--card-bg:rgba(16, 23, 41, 0.8);--gold:#ffd700;--silver:#c0c0c0;--bronze:#cd7f32;--eid-green:#1a936f;--neon-blue:#00d9ff;--neon-purple:#b400ff;--neon-green:#00ff9e;--futuristic-gradient:linear-gradient(135deg, #0b1325, #071a2e)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:var(--futuristic-gradient);color:var(--text-color);min-height:100vh;overflow-x:hidden;position:relative}body::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="1" fill="rgba(0,217,255,0.15)"/></svg>');background-size:40px 40px;opacity:.3;z-index:-1}.container{width:100%;max-width:100%;margin:0;padding:20px 30px 60px;position:relative;min-height:100vh;display:flex;flex-direction:column}.decorations{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.moon{position:absolute;top:50px;right:8%;width:150px;height:150px;background:radial-gradient(circle,var(--neon-blue) 0,rgba(0,217,255,.3) 70%);border-radius:50%;box-shadow:0 0 30px var(--neon-blue);opacity:.8;animation:moon-glow 8s infinite alternate}@keyframes moon-glow{0%{box-shadow:0 0 30px var(--neon-blue);opacity:.8}100%{box-shadow:0 0 50px var(--neon-blue);opacity:.9}}.moon::before{content:'';position:absolute;top:-10px;right:-10px;width:100px;height:100px;background-color:var(--background-color);border-radius:50%}.lanterns{position:absolute;top:0;left:0;width:100%}.lantern{position:absolute;width:40px;height:60px;background:linear-gradient(to bottom,var(--neon-purple),var(--neon-blue));border-radius:20px;box-shadow:0 0 15px var(--neon-blue);animation:lantern-glow 3s infinite alternate}.lantern::before{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:15px;height:10px;background-color:#333;border-radius:5px}.lantern::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:30px;height:5px;background:linear-gradient(to right,var(--neon-purple),var(--neon-blue));border-radius:5px}.lantern-1{top:100px;left:10%;animation-delay:.5s}.lantern-2{top:50px;left:30%;animation-delay:1s}.lantern-3{top:150px;right:15%;animation-delay:1.5s}.lantern-4{top:120px;left:70%;animation-delay:.7s}.lantern-5{top:200px;left:40%;animation-delay:1.3s}@keyframes lantern-glow{0%{box-shadow:0 0 15px var(--neon-blue)}100%{box-shadow:0 0 25px var(--neon-purple)}}.stars{position:absolute;width:100%;height:100%}.star{position:absolute;width:6px;height:6px;background-color:#fff;border-radius:50%;box-shadow:0 0 6px var(--neon-blue);animation:star-twinkle-anim 3s infinite alternate}.star::before{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:rgba(255,255,255,.8);border-radius:50%}.star-1{top:10%;left:20%;animation-delay:.5s}.star-2{top:20%;left:85%;animation-delay:1.2s}.star-3{top:30%;left:40%;animation-delay:.8s}.star-4{top:15%;left:60%;animation-delay:1.8s}.star-5{top:25%;left:75%;animation-delay:.3s}.star-6{top:35%;left:15%;animation-delay:1.5s}.star-7{width:8px;height:8px;top:40%;left:85%;animation-delay:.9s}.star-8{width:7px;height:7px;top:60%;left:25%;animation-delay:1.7s}.star-9{width:5px;height:5px;top:70%;left:40%;animation-delay:.4s}.star-10{width:9px;height:9px;top:20%;left:10%;animation-delay:1.1s}@keyframes star-twinkle-anim{0%{opacity:.2;transform:scale(.8);box-shadow:0 0 4px var(--neon-blue)}50%{opacity:.5;transform:scale(1);box-shadow:0 0 8px var(--neon-blue)}100%{opacity:.9;transform:scale(1.2);box-shadow:0 0 12px var(--neon-blue)}}.mosque{position:absolute;bottom:0;left:0;width:100%;height:180px;background-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 1000 200" xmlns="http://www.w3.org/2000/svg"><path d="M0,200 L1000,200 L1000,180 C900,180 900,140 850,140 C830,120 800,120 750,140 C700,140 650,120 620,120 C600,100 550,100 500,120 C450,100 400,100 350,120 C300,100 250,100 200,120 C150,100 100,100 50,120 C30,120 0,140 0,180 Z" fill="rgba(26,147,111,0.3)"/><path d="M475,120 L475,70 L525,70 L525,120 M487,70 L487,40 L513,40 L513,70 M495,40 A20,20 0 1,1 505,40 Z" fill="rgba(26,147,111,0.5)"/></svg>');background-repeat:no-repeat;background-position:bottom;background-size:100% auto;opacity:.7;pointer-events:none}.game-title{text-align:center;margin:15px 0 10px;position:relative}.game-title h1{font-size:4rem;margin-bottom:10px;letter-spacing:2px;background:linear-gradient(to right,#fff,var(--neon-blue),#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(0,217,255,.7)}.game-title h1 i{color:var(--neon-blue);animation:star-twinkle 1.5s infinite alternate}.subtitle{font-size:1.3rem;margin:0 auto;max-width:800px}.eid-wish{font-size:1.1rem;color:var(--neon-green);margin:8px auto 15px;max-width:800px;text-shadow:0 0 10px rgba(0,255,158,.3);font-style:italic}@keyframes star-twinkle{0%{opacity:.7;text-shadow:0 0 5px var(--neon-blue)}100%{opacity:1;text-shadow:0 0 15px var(--neon-blue),0 0 30px var(--neon-blue)}}.game-container{display:flex;justify-content:space-between;align-items:center;gap:40px;flex:1;margin-top:0;max-width:1800px;margin:0 auto;width:100%}.game-area{flex:2;display:flex;justify-content:center;align-items:center;position:relative}.wheel-container{position:relative;width:450px;height:450px;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:20px;border-radius:50%;background:rgba(16,23,41,.4);box-shadow:0 0 30px rgba(0,217,255,.2),inset 0 0 20px rgba(0,217,255,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.wheel-container::before{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;background:linear-gradient(45deg,transparent,transparent,var(--neon-blue),transparent,transparent);z-index:-1;animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}#wheel{width:100%;height:100%;border-radius:50%;z-index:1;filter:drop-shadow(0 0 10px rgba(0, 217, 255, .5))}#spin-button{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,var(--neon-green) 0,#00614b 100%);color:#fff;border:none;font-weight:700;cursor:pointer;z-index:2;outline:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.2rem;box-shadow:0 0 15px rgba(0,255,158,.5),inset 0 0 10px rgba(255,255,255,.3);transition:all .3s ease}#spin-button::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-radius:50%;background:linear-gradient(45deg,var(--neon-blue),var(--neon-green),var(--neon-blue)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}#spin-button .spin-icon{margin-top:5px;font-size:1rem;animation:spin 5s linear infinite paused}#spin-button:hover:not(:disabled) .spin-icon{animation-play-state:running}#spin-button:hover:not(:disabled)::before{opacity:1}#spin-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 25px rgba(0,255,158,.7),inset 0 0 15px rgba(255,255,255,.5)}#spin-button:active:not(:disabled){transform:scale(.98);box-shadow:0 0 10px rgba(0,255,158,.3)}#spin-button:disabled{background:#333;color:#666;cursor:not-allowed;box-shadow:none;transform:scale(.95);opacity:.7}.leaderboard-container,.player-section{flex:1;max-width:400px;margin:0;height:460px;border-radius:15px;padding:20px;background:rgba(16,23,41,.7);box-shadow:0 8px 32px rgba(0,217,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,217,255,.1);display:flex;flex-direction:column}.player-section{flex-direction:column;gap:15px}.input-container{display:flex;flex-direction:column;gap:10px}input[type=text]{padding:12px 20px;border-radius:6px;border:1px solid rgba(0,217,255,.3);background:rgba(16,23,41,.6);color:#fff;font-size:1rem;transition:all .3s ease;box-shadow:inset 0 2px 5px rgba(0,0,0,.1)}input[type=text]:focus{outline:0;border-color:var(--neon-blue);box-shadow:0 0 10px rgba(0,217,255,.3)}input[type=text]:disabled{background-color:rgba(16,23,41,.8);color:#666;cursor:not-allowed}.validation-message{font-size:.9rem;margin-top:5px;height:20px;transition:all .3s ease}.validation-message.error{color:#ff4d4d;animation:shake .5s ease-in-out}@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.validation-message.success{color:var(--neon-green)}button{padding:12px 20px;border-radius:6px;border:none;background:linear-gradient(45deg,var(--neon-blue),#0088a3);color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem;position:relative;overflow:hidden;box-shadow:0 0 15px rgba(0,217,255,.3)}button:hover:not(:disabled){background:linear-gradient(45deg,#0088a3,var(--neon-blue));box-shadow:0 0 20px rgba(0,217,255,.5);transform:translateY(-2px)}button:disabled{background:#333;color:#666;cursor:not-allowed}.current-player{margin-top:15px;padding:15px;border-radius:6px;background:rgba(0,217,255,.05);border:1px solid rgba(0,217,255,.1)}.sound-controls{display:flex;justify-content:center;margin-top:15px}.sound-button{width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:rgba(16,23,41,.6);color:var(--neon-blue);border:1px solid rgba(0,217,255,.3);font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px rgba(0,217,255,.1)}.sound-button:hover{background:rgba(0,217,255,.1);transform:scale(1.05);box-shadow:0 0 15px rgba(0,217,255,.3)}.sound-button.muted{color:#ff4d4d}.leaderboard-container{display:flex;flex-direction:column}.leaderboard-container h2{color:#fff;margin-bottom:15px;text-shadow:0 0 10px rgba(0,217,255,.5)}.leaderboard{max-height:380px;overflow-y:auto;border-radius:6px;background:rgba(16,23,41,.3);padding:10px;margin-bottom:15px;border:1px solid rgba(0,217,255,.1);flex:1}.player-item{padding:10px;margin-bottom:8px;border-radius:4px;background:rgba(16,23,41,.6);border-left:3px solid var(--neon-blue);transition:all .3s ease}.player-item:hover{transform:translateX(3px);background:rgba(0,217,255,.05)}.player-item:last-child{margin-bottom:0}.player-info{display:flex;justify-content:space-between;align-items:center}.player-name{font-weight:500;color:#fff;margin-right:10px;text-shadow:0 0 5px rgba(0,217,255,.3)}.player-bkash{font-size:.8rem;color:#aaa;margin-right:auto}.player-score{font-weight:700;color:var(--neon-green);text-shadow:0 0 5px rgba(0,255,158,.5)}.empty-message{text-align:center;color:#aaa;padding:20px;font-style:italic}#view-winners{background:linear-gradient(45deg,var(--neon-purple),var(--neon-blue));box-shadow:0 0 15px rgba(180,0,255,.3)}#view-winners:hover:not(:disabled){background:linear-gradient(45deg,var(--neon-blue),var(--neon-purple));box-shadow:0 0 20px rgba(180,0,255,.5)}.prize-message{position:absolute;bottom:-100px;left:50%;transform:translateX(-50%);background:rgba(16,23,41,.8);color:#fff;padding:15px 30px;border-radius:10px;text-align:center;opacity:0;transition:all .5s ease;box-shadow:0 0 20px rgba(0,217,255,.2),inset 0 0 10px rgba(0,217,255,.1);border:1px solid rgba(0,217,255,.3);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:80%;max-width:300px}.prize-message.show{bottom:-70px;opacity:1;animation:slideUp .5s forwards}@keyframes slideUp{0%{bottom:-100px;opacity:0}100%{bottom:-70px;opacity:1}}.prize-amount{font-size:2rem;font-weight:700;margin:10px 0;color:var(--neon-green);text-shadow:0 0 10px rgba(0,255,158,.5);position:relative;display:inline-block;letter-spacing:1px}.win-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(5,10,20,.9);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all .5s ease;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.win-dialog.show{opacity:1;visibility:visible}.win-content{width:90%;max-width:500px;background:rgba(16,23,41,.9);border-radius:15px;padding:30px;text-align:center;position:relative;box-shadow:0 0 30px rgba(0,217,255,.3),inset 0 0 20px rgba(0,217,255,.1);border:1px solid rgba(0,217,255,.3);transform:scale(.9);animation:scaleIn .5s forwards}@keyframes scaleIn{0%{transform:scale(.9)}100%{transform:scale(1)}}#win-title{color:#fff;font-size:2rem;margin-bottom:20px;text-shadow:0 0 10px rgba(0,217,255,.5)}.win-content p{color:#a0a0a0;margin-bottom:10px;font-size:1.1rem}#win-player-name{color:#fff;font-weight:700;position:relative;text-shadow:0 0 5px rgba(0,217,255,.5)}.win-prize{margin:30px 0;position:relative;display:inline-block;padding:20px 40px;background:rgba(0,217,255,.05);border-radius:10px;box-shadow:0 0 20px rgba(0,217,255,.2);animation:pulse 2s infinite alternate}@keyframes pulse{0%{box-shadow:0 0 20px rgba(0,217,255,.2)}100%{box-shadow:0 0 30px rgba(0,217,255,.5)}}.win-prize h1{font-size:3rem;color:var(--neon-green);font-weight:700;text-shadow:0 0 10px rgba(0,255,158,.5)}.footer{width:100%;background:rgba(10,15,30,.9);padding:8px 0;border-top:1px solid rgba(0,217,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -5px 20px rgba(0,0,0,.3);position:fixed;bottom:0;left:0;z-index:100}.salami-message{position:relative;max-width:100%;margin:0 auto;z-index:5}.salami-content{background:0 0;padding:5px 20px;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:nowrap}.salami-icon{font-size:1.5rem;color:var(--neon-green);animation:bounce-hand 2s infinite alternate;flex-shrink:0}.salami-text{color:#a0a0a0;font-size:.9rem;line-height:1.4;display:flex;align-items:center;flex-wrap:nowrap;justify-content:center;gap:8px;white-space:nowrap}.salami-number{font-size:1.1rem;font-weight:700;color:#fff;display:inline-block;padding:3px 10px;background:rgba(0,217,255,.1);border-radius:5px;border:1px solid rgba(0,217,255,.3);text-shadow:0 0 5px rgba(0,217,255,.5)}.salami-wink{font-size:1.1rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(16,23,41,.3);border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(0,217,255,.3);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(0,217,255,.5)}body,html{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.leaderboard{scrollbar-width:thin;-ms-overflow-style:auto}.leaderboard::-webkit-scrollbar{display:block;width:6px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(5,10,20,.9);z-index:1000;display:none;justify-content:center;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-content{width:90%;max-width:600px;background:rgba(16,23,41,.9);border-radius:15px;padding:30px;position:relative;box-shadow:0 0 30px rgba(0,217,255,.3),inset 0 0 20px rgba(0,217,255,.1);border:1px solid rgba(0,217,255,.3);color:#fff;animation:scaleIn .5s forwards}.close{position:absolute;top:15px;right:20px;font-size:28px;color:#aaa;cursor:pointer;transition:all .3s ease}.close:hover{color:var(--neon-blue);transform:rotate(90deg)}.winners-container{display:flex;justify-content:center;align-items:flex-end;margin-top:30px;gap:20px;flex-wrap:wrap}.winner{display:flex;flex-direction:column;align-items:center;background:rgba(16,23,41,.6);border-radius:10px;padding:20px;min-width:120px;transition:all .3s ease;border:1px solid rgba(0,217,255,.2);box-shadow:0 5px 15px rgba(0,0,0,.2)}.winner:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3),0 0 15px rgba(0,217,255,.3)}#first-place{height:220px;z-index:2;transform:translateY(-20px);background:rgba(16,23,41,.8);border:1px solid rgba(255,215,0,.3);box-shadow:0 0 20px rgba(255,215,0,.2)}#first-place:hover{transform:translateY(-25px);box-shadow:0 10px 25px rgba(0,0,0,.3),0 0 20px rgba(255,215,0,.3)}#second-place,#third-place{height:180px}.trophy{font-size:40px;margin-bottom:15px;filter:drop-shadow(0 0 10px rgba(0, 0, 0, .5))}.trophy i.fa-bounce{animation:trophy-bounce .6s ease-in-out 3}@keyframes trophy-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.gold{color:var(--gold);text-shadow:0 0 15px rgba(255,215,0,.7)}.silver{color:var(--silver);text-shadow:0 0 15px rgba(192,192,192,.7)}.bronze{color:var(--bronze);text-shadow:0 0 15px rgba(205,127,50,.7)}.winner-name{font-weight:600;margin-bottom:5px;text-align:center;color:#fff;text-shadow:0 0 5px rgba(0,217,255,.5)}.winner-bkash{font-size:.8rem;color:#aaa;font-style:italic;text-align:center;margin-bottom:5px}.winner-score{font-size:1.2rem;font-weight:700;color:var(--neon-green);text-shadow:0 0 8px rgba(0,255,158,.5)}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.win-confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.confetti-piece{position:absolute;top:0;width:10px;height:10px;background:var(--neon-blue);border-radius:50%;animation:confetti-fall 3s linear forwards;z-index:10}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(500px) rotate(360deg);opacity:0}}@media (max-width:1200px){.game-container{flex-direction:column;align-items:center;gap:30px}.game-area{order:1;width:100%;max-width:600px;display:flex;justify-content:center}.leaderboard-container,.player-section{order:0;width:100%;max-width:600px;height:auto;min-height:420px}.player-section{order:0}.leaderboard-container{order:2}.wheel-container{width:380px;height:380px}.game-title h1{font-size:3rem}.eid-wish{font-size:1rem}.leaderboard{max-height:300px}}@media (max-width:768px){.game-title h1{font-size:2.5rem}.subtitle{font-size:1.1rem}.eid-wish{font-size:.9rem}.container{padding:15px}.wheel-container{width:320px;height:320px}#spin-button{width:70px;height:70px;font-size:1rem}.lantern{display:none}.moon{width:100px;height:100px;top:30px;right:5%}.salami-content{padding:5px 10px}.salami-text{font-size:.8rem}.salami-icon{font-size:1.3rem}.salami-number{font-size:1rem;padding:2px 8px}}@media (max-width:480px){.game-title h1{font-size:1.8rem}.subtitle{font-size:.9rem}.eid-wish{font-size:.8rem;margin:5px auto 10px}.wheel-container{width:280px;height:280px}#spin-button{width:60px;height:60px;font-size:.9rem}.prize-message{max-width:250px;padding:10px 15px}.prize-amount{font-size:1.6rem}.win-content{padding:20px 15px}.win-prize h1{font-size:2.5rem}.win-buttons{gap:10px;flex-direction:column}.win-button{width:100%;padding:10px}.modal-content{padding:20px 15px}.winners-container{gap:10px}.winner{padding:15px 10px;min-width:90px}#first-place{height:180px}#second-place,#third-place{height:150px}.trophy{font-size:30px;margin-bottom:10px}.salami-content{padding:5px}.salami-text{font-size:.7rem}.salami-icon{font-size:1.2rem}.salami-number{font-size:.9rem;padding:2px 5px}}.leaderboard-container,.player-section{animation:float-panel 8s ease-in-out infinite alternate}.player-section{animation-delay:1s}@keyframes float-panel{0%{transform:translateY(0)}100%{transform:translateY(-10px)}}.win-buttons{display:flex;justify-content:center;gap:15px;margin-top:25px}.win-button{padding:12px 25px;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;background:rgba(16,23,41,.8);border:1px solid rgba(0,217,255,.3);box-shadow:0 5px 15px rgba(0,0,0,.2);outline:0}.win-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 15px rgba(0,217,255,.3);background:rgba(0,217,255,.1)}.win-button:active{transform:translateY(0);box-shadow:0 3px 10px rgba(0,0,0,.2)}.download-button,.share-button{display:flex;align-items:center;justify-content:center;gap:8px}.download-button i,.share-button i{font-size:.9rem}.win-confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}@keyframes bounce-hand{0%{transform:translateY(0)}100%{transform:translateY(-3px)}}.spin-notification{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(16,23,41,.95);color:#fff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.5),0 0 30px rgba(255,77,77,.3);border:1px solid rgba(0,217,255,.3);z-index:100;animation:popup-appear .3s forwards;font-weight:700;width:280px;overflow:hidden}.notification-header{background:rgba(255,77,77,.2);padding:12px 15px;border-bottom:1px solid rgba(255,77,77,.3);display:flex;align-items:center;justify-content:space-between}.notification-header i{color:#ff4d4d;margin-right:8px;font-size:1.1rem}.notification-header span{flex-grow:1;font-size:1.1rem;font-weight:600}.notification-close{background:0 0;color:#aaa;border:none;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:none}.notification-close:hover{background:rgba(255,255,255,.1);color:#fff;transform:none;box-shadow:none}.notification-body{padding:15px;text-align:center;line-height:1.5;font-weight:400}.notification-footer{padding:10px 15px 15px;display:flex;justify-content:center}.notification-btn{background:linear-gradient(45deg,var(--neon-blue),#0088a3);color:#fff;padding:10px 20px;border-radius:5px;border:none;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px rgba(0,217,255,.3)}.notification-btn:hover{background:linear-gradient(45deg,#0088a3,var(--neon-blue));transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,217,255,.5)}.spin-notification:not(.disappear){animation:popup-appear .3s forwards}.spin-notification.disappear{animation:popup-disappear .3s forwards}@keyframes popup-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popup-disappear{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}}