body,nav a{color:var(--text-color)}#live-status-card,#live-status-card h2,#live-status-card p,.card,.hero-section,.video-title,h1,h2{text-align:center}.live-now-button,.social-icon,.video-item a,.video-link,nav .logo,nav a{text-decoration:none}.about-page,body{font-family:Poppins,sans-serif}#live-card-content p,#live-status-card p,.queue-status{text-transform:uppercase}:root{--bg-gradient-start:#1e1147;--bg-gradient-end:#0c3c5b;--primary-accent:#ff00c1;--secondary-accent:#00f5d4;--glass-bg:rgba(255, 255, 255, 0.1);--glass-border:rgba(255, 255, 255, 0.2);--text-color:#f0f0f0;--text-muted:#aaa;--bg:#10111a}body{margin:0;background:linear-gradient(135deg,var(--bg-gradient-start),var(--bg-gradient-end));background-attachment:fixed}.container{max-width:1200px;margin:3rem auto;padding:0 2rem}h1,h2{margin-bottom:2rem;color:#fff}h1{font-size:3rem;text-shadow:0 0 15px var(--secondary-accent)}header{background:rgba(0,0,0,.2);backdrop-filter:blur(10px);padding:1rem 2rem;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--glass-border)}nav{display:flex;justify-content:space-between;align-items:center;max-width:1300px;margin:0 auto}nav .logo{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 0 10px var(--primary-accent);z-index:101}#countdown-home,#countdown-live,#live-status-card #countdown-home,.gift-hero h1,.live-now-text,.queue-hero h1{text-shadow:0 0 10px var(--secondary-accent)}nav ul.nav-links{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem;align-items:center}nav a{font-size:1.1rem;font-weight:600;transition:.3s;padding:.25rem 0}
nav a.active{color:var(--secondary-accent)}
/* (rimosso il selettore corrotto; il gradient va solo sui pulsanti/CTA, non sui link nav) */
.over{color:var(--primary-accent);text-shadow:0 0 5px var(--primary-accent)}.card,.form-container,.queue-section{background:var(--glass-bg);backdrop-filter:blur(12px);border-radius:16px;border:1px solid var(--glass-border);padding:1.5rem 1.8rem;box-shadow:0 8px 32px 0 rgba(0,0,0,.37);margin-bottom:1.2rem}#trade-form button,#trade-intro h2,.cta-button{background:linear-gradient(90deg,#a600ff,#00f0ff)}.form-container{display:flex;flex-direction:column;gap:1.5rem}.benefits-list i,.form-container label,.logged-in-card h2,.sub-status.success{color:var(--secondary-accent)}.form-container input,.form-container select,.form-container textarea{width:100%;padding:1rem;box-sizing:border-box;border:1px solid var(--glass-border);background:rgba(0,0,0,.2);color:var(--text-color);border-radius:10px;font-size:1rem;transition:border-color .3s}.form-container input:focus,.form-container select:focus,.form-container textarea:focus{border-color:var(--primary-accent)}button,input[type=submit]{background:linear-gradient(90deg,var(--primary-accent),#c400ff);color:#fff;padding:1rem;border:none;border-radius:10px;cursor:pointer;font-size:1.2rem;font-weight:700;transition:.3s;box-shadow:0 0 20px rgba(255,0,193,.5)}button:hover,input[type=submit]:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(255,0,193,.8)}.hero-section{padding:4rem 1rem}.hero-subtitle{font-size:1.2rem;color:var(--text-muted);max-width:600px;margin:0 auto 2rem}.cta-button,.mini-about-content .cta-button{margin-top:1rem}.cta-button{border:2px solid transparent}.cta-button.primary,.email-link{background-color:var(--primary-accent)}.cta-button.secondary{background-color:transparent;color:var(--secondary-accent);border-color:var(--secondary-accent)}.cta-button.primary:hover{background-color:#ff33d1}.cta-button.secondary:hover{background-color:var(--secondary-accent);color:var(--bg)}.live-now-text{font-size:1.5rem;font-weight:700;color:var(--secondary-accent);margin-bottom:1rem}.live-now-button{display:inline-block;background:var(--secondary-accent);color:var(--bg);padding:.8rem 1.5rem;border-radius:8px;font-weight:700;transition:transform .2s}.video-link{color:var(--text-color)}.video-link img{max-width:100%;border-radius:8px;margin-bottom:1rem}.next-player-name{font-size:1.8rem;font-weight:700;color:var(--primary-accent);margin:0}#live-card-content p,#queue-card-content small,.empty-queue-message,.featured-card p,.mini-about-card p{color:var(--text-muted)}#live-card-content p{font-size:1rem;margin:0;letter-spacing:1px}#countdown-home,#countdown-live{font-size:2.5rem;font-weight:700;color:var(--secondary-accent);margin-top:.5rem;line-height:1.2}.mini-about-content p{max-width:700px;margin:1rem auto}.queue-section.card{padding:1rem .5rem}#public-queue-list{max-height:60vh;overflow-y:auto;counter-reset:queue-counter;list-style:none;padding:0;margin:0}#public-queue-list li{display:flex;align-items:center;font-size:1rem;font-weight:600;transition:transform .2s,background-color .2s}#public-queue-list li::before{counter-increment:queue-counter;content:counter(queue-counter);font-weight:700;color:var(--primary-accent);font-size:1.2rem;margin-right:1.5rem;min-width:2ch;text-align:right}#public-queue-list li:nth-child(2n){background-color:rgba(0,0,0,.35)}#public-queue-list li:hover{transform:scale(1.02);background-color:rgba(255,255,255,.1)}#public-queue-list li:first-child{background-color:rgba(0,245,212,.2);border-left:5px solid var(--secondary-accent);color:#fff;font-weight:700}#public-queue-list li:first-child::after{content:'PROSSIMO!';font-size:.7rem;font-weight:700;color:var(--bg);background-color:var(--secondary-accent);padding:.2rem .5rem;border-radius:5px;margin-left:auto}#public-queue-list li.subscriber{color:#fff}.subscriber-icon-public{font-size:.9em;animation:2s ease-in-out infinite sparkle}@keyframes sparkle{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}#queue-success-message.error{color:#f55}.empty-queue-message{text-align:center;padding:2rem}.video-grid{display:grid;grid-template-columns:repeat(3,1fr)}.video-item{background:var(--glass-bg);padding:0}.video-item:hover{transform:translateY(-5px) scale(1.02)}.video-item a{color:var(--text-color);display:flex;flex-direction:column;height:100%}#trade-intro a:hover,.card a,.footer-legal a:hover,p a{text-decoration:underline}.video-item img{aspect-ratio:16/9;display:block}.video-item .video-item-title{padding:1rem;flex-grow:1}.video-item h3{margin:0;font-size:1rem;text-align:left}.video-item.latest-video{grid-column:1/-1}.video-item.latest-video h3{font-size:1.5rem;text-align:center}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.traguardi-list{list-style:none;padding-left:0}.traguardi-list li{display:flex;align-items:center;font-size:1.1rem}.traguardi-list i{color:var(--secondary-accent);font-size:1.5rem;margin-right:1rem;width:30px;text-align:center}.card a:hover,.footer-socials a:hover,.form-group i,.traguardi-list strong,p a:hover{color:var(--primary-accent)}.social-links{display:flex;justify-content:center;flex-wrap:wrap}.benefits-list p,.social-icon{align-items:center;font-weight:600}.social-icon{display:inline-flex;gap:.75rem;transition:transform .2s,box-shadow .2s}.social-icon:hover{transform:scale(1.05);box-shadow:0 0 15px rgba(255,255,255,.2)}.social-icon.youtube{background-color:red;color:#fff}.social-icon.twitch{background-color:#9146ff;color:#fff}.social-icon.tiktok{background-color:#000;color:#fff;border:1px solid #fff}.social-icon.discord{background-color:#5865f2;color:#fff}.nav-link-special{background-color:var(--primary-accent);color:#fff!important;padding:.5rem 1rem;border-radius:50px}.nav-link-special:hover{background-color:var(--secondary-accent);color:var(--bg)!important}.benefits-list{margin:2rem 0}.benefits-list p{font-size:1.2rem;display:flex;justify-content:center;gap:1rem}.twitch-connect{background:#9146ff;border:none;display:inline-flex;align-items:center;gap:1rem}.sub-info,.sub-status{margin:1.5rem 0}.card a,p a{color:var(--secondary-accent);font-weight:600;transition:color .3s}#live-status-card p,.copyright,.footer-socials a,.sub-intro{color:var(--text-muted)}#trade-intro a,.cta-button,.dropdown-menu li a,.email-link,.footer-legal a,.live-card .cta-button,.nav-links li .dropdown-menu li a,.scroll-btn,.social-links a{text-decoration:none}.main-footer{padding:3rem 1rem;text-align:center}.footer-socials{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.footer-socials a{font-size:2rem;transition:color .3s,transform .3s}.footer-socials a:hover{transform:scale(1.2)}.footer-message{font-size:1.1rem;margin-bottom:.5rem}.copyright{font-size:.9rem}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:0 0;border:none;cursor:pointer;padding:0;z-index:101}.hamburger span{width:2rem;height:.25rem;background-color:var(--text-color);border-radius:10px;transition:.3s linear;transform-origin:1px}@media (max-width:900px){.video-grid{grid-template-columns:repeat(2,1fr)}.video-item.latest-video{grid-column:1/-1}.about-grid{grid-template-columns:1fr}}@media (max-width:768px){header{padding:1rem}.container{padding:0 1rem}h1{font-size:2.2rem}#countdown-home,#countdown-live{font-size:2rem}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:75%;max-width:320px;background:rgba(12,11,41,.95);backdrop-filter:blur(15px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .35s ease-in-out;box-shadow:-2px 0 15px rgba(0,0,0,.4);z-index:1000}.nav-links.active{right:0}.hamburger.active span:first-child{transform:rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translateX(20px)}.hamburger.active span:nth-child(3){transform:rotate(-45deg)}.card,.form-container{padding:1.5rem}}.youtube-connect{background:red;border:none}.footer-legal{margin-top:10px;font-size:14px}.footer-legal a{color:#aaa;margin:0 5px;transition:color .2s}.footer-legal a:hover{color:#fff}.partners-wrapper{border:2px solid var(--primary-accent);box-shadow:0 0 30px -5px var(--primary-accent)}.partners-wrapper .partners-section{margin-bottom:3rem}.partners-wrapper .partners-section:last-child{margin-bottom:0}#live-status-card p{letter-spacing:1px;font-weight:600;margin-bottom:.5rem}.subscriber-card{text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:2px solid rgba(0,245,212,.3);box-shadow:0 0 25px rgba(0,245,212,.2);padding:3rem 2rem}.sub-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.queue-hero h1,.sub-benefits li{align-items:center;display:flex}.sub-benefits h3,.sub-intro{margin-bottom:1rem}.sub-header i{color:var(--secondary-accent);font-size:2rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}}.sub-intro{font-size:1rem}.sub-benefits h3,.sub-status{color:var(--secondary-accent)}.sub-status{font-size:1.2rem;font-weight:600}.sub-tier{color:var(--primary-accent);font-weight:700}.sub-message{color:#fff;font-size:1rem;margin-top:.5rem}.logout-btn,.sub-benefits{margin-top:2rem}.sub-benefits{text-align:left;max-width:500px;margin-left:auto;margin-right:auto}.live-page,.queue-hero,.sub-benefits h3,.sub-benefits i,.video-header{text-align:center}.sub-benefits ul{list-style:none;padding:0;margin:0}.sub-benefits li{margin-bottom:.8rem;font-size:1rem;gap:.6rem}.sub-benefits i{color:var(--primary-accent);width:22px}.queue-hero{background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.2);box-shadow:0 0 20px rgba(0,245,212,.15);padding:2.5rem}.queue-hero h1{font-size:2.5rem;color:var(--secondary-accent);justify-content:center;gap:.75rem}.gift-hero i,.join-queue h2 i,.queue-list h2 i{color:var(--primary-accent);margin-right:.5rem}#trade-intro h2 i,.social-links a i{margin-right:.4rem}.form-row{margin-bottom:1.5rem}.form-row label{font-weight:600;color:var(--secondary-accent);display:flex;align-items:center;gap:.5rem}.glow-button{background:linear-gradient(90deg,var(--secondary-accent),var(--primary-accent));color:#fff;font-size:1.2rem;border-radius:50px;padding:1rem 2rem;transition:.3s;box-shadow:0 0 20px rgba(0,245,212,.3)}.glow-button:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(0,245,212,.5)}.queue-list ul{list-style:none;padding:0;margin-top:1rem}.queue-list li{border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-radius:10px;background:rgba(0,245,212,.08);margin-bottom:.8rem;border-left:4px solid var(--primary-accent);white-space:normal;word-wrap:break-word;overflow:visible}.queue-list li:first-child{background:rgba(0,245,212,.2);border-left:5px solid var(--secondary-accent)}.queue-list strong{color:#fff;font-weight:600}.queue-social{color:var(--secondary-accent);font-weight:500;margin-left:5px}.page-title,.video-header .page-title{color:var(--accent,#b366ff);font-weight:700}.queue-list li button{flex-shrink:0;margin-left:1rem}.live-page{padding-top:2rem}.page-title{font-size:2rem;margin-bottom:.5rem}.page-subtitle,.partners-section{margin-bottom:2rem}.countdown-wrapper{background:rgba(20,20,35,.85);padding:1.8rem;border-radius:14px;box-shadow:0 0 10px rgba(160,80,255,.2);margin:0 auto 2.5rem;max-width:500px}.countdown-title,.live-card h2{font-size:1.3rem;margin-bottom:1rem}.countdown-title{color:#fff}.countdown-timer{font-size:2rem;color:#00fff0;font-weight:700;letter-spacing:1px}.countdown-hint{font-size:.85rem;color:#888;margin-top:.5rem}.live-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start}.live-card h2{color:#fff;display:flex;align-items:center;gap:8px;justify-content:center}.embed-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;box-shadow:0 0 8px rgba(100,100,255,.2)}.embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px}.cta-button.youtube{background:linear-gradient(90deg,#f04,#ff6767)}.video-page{padding-top:2rem}.video-header{margin-bottom:2rem}.video-header .page-title{font-size:2rem;display:flex;align-items:center;justify-content:center;gap:10px}.page-subtitle{color:#aaa;font-size:1rem;margin-top:.3rem}.video-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;justify-items:center;width:100%}.video-item{background:0 0;border-radius:8px;overflow:hidden;transition:transform .25s,box-shadow .25s;width:100%;max-width:360px;cursor:pointer}.video-card:hover,.video-item:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(0,0,0,.3)}.video-item img{width:100%;border-radius:10px;transition:filter .2s}.video-card:hover .video-thumb img,.video-item:hover img{filter:brightness(.8)}.video-info{padding:.7rem .6rem;display:flex;align-items:flex-start;gap:10px}.video-channel-logo{width:36px;height:36px;border-radius:50%;background:#b366ff;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:600}.video-texts{text-align:left;flex-grow:1}.video-preview{display:flex;flex-direction:column;align-items:center;text-align:center}#latest-video-card,#latest-video-card .video-preview{flex-direction:column;display:flex;text-align:center}.video-thumb img{box-shadow:0 4px 12px rgba(0,0,0,.3)}.video-thumb img:hover{transform:scale(1.03)}.video-info h3{font-size:1rem;margin:.4rem 0;color:#fff}.video-info p{color:#bbb;font-size:.85rem}#latest-video-card .video-info h3,.video-details h3{font-size:.95rem;font-weight:600;color:#fff;line-height:1.3}#latest-video-card{align-items:center;justify-content:center}#latest-video-card .video-preview{align-items:center;flex-grow:1;justify-content:center}#latest-video-card .video-thumb img{box-shadow:0 0 20px rgba(255,0,255,.25);margin-bottom:.8rem}#latest-video-card .video-thumb img:hover{transform:scale(1.05);box-shadow:0 0 25px rgba(255,0,255,.35)}#latest-video-card .video-info h3{margin:.4rem 0 .2rem;max-width:250px}#latest-video-card .video-info p{font-size:.8rem;color:#9ba3b0;margin-bottom:.8rem}#latest-video-card .cta-button.secondary{font-size:.8rem;padding:.4rem 1rem;border-radius:25px}.video-card-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:.8rem}.video-thumb{display:block;border-radius:12px;overflow:hidden;box-shadow:0 0 25px rgba(255,0,193,.25);transition:transform .3s,box-shadow .3s}#latest-video-card .video-thumb:hover,.video-thumb:hover{transform:scale(1.04);box-shadow:0 0 35px rgba(255,0,193,.4)}#latest-video-card .video-thumb:hover img,.video-thumb:hover img{filter:brightness(.75)}#latest-video-card .video-overlay,.video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:3rem;opacity:0;transition:opacity .3s}.video-card,.video-thumb{position:relative}#latest-video-card .video-thumb:hover .video-overlay,.video-thumb:hover .video-overlay{opacity:1;text-shadow:0 0 20px rgba(255,0,193,.8)}#latest-video-card .video-details,.video-details{max-width:320px}.video-details h3{margin-bottom:.3rem}#latest-video-card .video-details p,.video-details p{color:var(--text-muted);font-size:.8rem}.gift-page{display:flex;flex-direction:column;gap:2rem}.gift-hero{text-align:center;padding:2rem;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 0 25px rgba(255,0,193,.15);border:2px solid rgba(255,0,193,.3)}.gift-hero h1{font-size:2rem;color:var(--secondary-accent);margin-bottom:1rem}.gift-subtitle{color:var(--text-muted);font-size:1rem;max-width:650px;margin:0 auto;line-height:1.6}.form-group label,.form-success{font-weight:600;color:var(--secondary-accent)}.form-container.card{max-width:600px;margin:0 auto 3rem;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group label{display:flex;align-items:center;gap:.6rem}.form-success{text-align:center;margin-top:1rem;animation:.6s forwards fadeInGlow}@keyframes fadeInGlow{from{opacity:0;text-shadow:none}to{opacity:1;text-shadow:0 0 15px var(--secondary-accent)}}@media (max-width:600px){.video-grid{grid-template-columns:1fr}.gift-hero h1{font-size:1.7rem}.form-container.card{padding:1.5rem}}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;justify-items:center;width:100%}.video-card{background:0 0;border:none;border-radius:0;overflow:hidden;transition:transform .25s,box-shadow .25s;width:100%;max-width:360px;cursor:pointer}.video-thumb img{max-width:320px;width:100%;display:block;border-radius:10px;transition:filter .25s}.video-duration{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,.8);color:#fff;font-size:.75rem;font-weight:500;padding:3px 6px;border-radius:4px}.video-info{margin-top:.5rem;text-align:left;width:100%}.video-title{color:#fff;font-size:.95rem;font-weight:600;line-height:1.3;margin:0 0 .2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-meta{color:#aaa;font-size:.85rem;line-height:1.2}.video-card .card,.video-card.card{background:0 0!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important}body,html{width:100%;overflow-x:hidden!important}@media (max-width:900px){.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:0 0;border:none;cursor:pointer;padding:0;position:fixed;top:1.5rem;right:1.5rem;z-index:500}.hamburger span{width:2rem;height:.25rem;background-color:#fff;border-radius:10px;transition:.3s linear;transform-origin:1px}.hamburger.active span:first-child{transform:rotate(45deg) translateY(6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-6px)}.nav-links{position:fixed;top:0;right:0;height:100vh;width:70%;max-width:300px;background:rgba(12,11,41,.97);backdrop-filter:blur(15px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translateX(100%);transition:transform .35s ease-in-out;z-index:400;overflow-x:hidden}.nav-links.active{transform:translateX(0)}.menu-overlay{content:"";position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s;z-index:350}.menu-overlay.active{opacity:1;pointer-events:all}body.menu-open{overflow:hidden}}#leave-queue-button.cta-button,.cta-button.danger{background:#f05;border:none;transition:background .3s}.queue-list li{text-align:left;justify-content:flex-start}.admin-page .admin-abuse-section,.cta-card,.dashboard-grid .card{transition:transform .25s,box-shadow .25s}#leave-queue-button.cta-button:hover,.cta-button.danger:hover{background:#f36}#leave-queue-button{margin-top:15px;align-self:center;z-index:10;display:inline-block;opacity:1;transition:opacity .3s}#leave-queue-button.visible,#leave-queue-button[style*=inline-block]{display:inline-block!important}#leave-queue-button.cta-button{color:#fff;border-radius:12px;padding:12px 24px;cursor:pointer;font-weight:700;margin-top:15px}.nav-links li .dropdown-menu{display:none;position:absolute;background-color:var(--card-bg,#222);list-style:none;padding:10px 0;margin:0;border-radius:8px;min-width:180px;box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:999}.dropdown-menu li a:hover,.traguardi-list li:hover{background:rgba(255,255,255,.08)}.nav-links li .dropdown-menu li{padding:5px 15px}.nav-links li .dropdown-menu li a{color:var(--text-color,#fff);display:block}.nav-links li .dropdown-menu li a:hover{background-color:var(--primary-accent,#444)}.dashboard-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 auto 2rem;max-width:800px}.dashboard-grid .card.center:hover{transform:translateY(-5px);box-shadow:0 0 20px rgba(255,255,255,.1)}.dashboard-grid .card.center h2{font-size:1.4rem;margin-bottom:.5rem}.dashboard-grid .card.center p{font-size:1rem;margin-bottom:.6rem}.countdown-highlight{color:var(--secondary-accent);font-weight:700;font-size:1.9rem;text-shadow:0 0 14px var(--secondary-accent)}.admin-page .admin-abuse-section{max-width:900px;margin:0 auto 3rem;padding:2.5rem 2rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:20px;backdrop-filter:blur(10px);box-shadow:0 0 25px rgba(0,255,255,.08);text-align:left}.admin-page .admin-abuse-section:hover{transform:translateY(-4px);box-shadow:0 0 30px rgba(0,255,255,.15)}.admin-page .admin-abuse-section h1{text-align:center;font-size:2.3rem;font-weight:800;color:#fff;margin-bottom:1.5rem;text-shadow:0 0 18px rgba(0,255,255,.5);animation:3s ease-in-out infinite pulse-glow}.admin-page .admin-abuse-section h2{color:#00f5d4;text-shadow:0 0 10px rgba(0,245,212,.5);font-size:1.4rem;text-align:center;margin-top:2rem}.admin-page .admin-abuse-section p{color:#cfd3d8;line-height:1.6;font-size:1.05rem;margin-bottom:1rem}.admin-page .admin-abuse-section ul{list-style:none;padding:0;text-align:center;margin:1rem 0 1.5rem}.admin-page .admin-abuse-section ul li{color:#e6faff;font-size:1.1rem;margin-bottom:.5rem}.admin-page .info-box{background:rgba(0,255,255,.08);border:1px solid rgba(0,255,255,.3);border-radius:12px;padding:1rem 1.3rem;margin-top:1.5rem;display:flex;align-items:flex-start;gap:.8rem;font-size:1rem;line-height:1.5;color:#d9fcff;box-shadow:0 0 10px rgba(0,255,255,.1)}.dashboard-grid .card,.featured-card,.mini-about-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-align:center}.admin-page .info-box i{color:#00fff2;font-size:1.2rem}@keyframes pulse-glow{0%,100%{text-shadow:0 0 10px rgba(0,255,255,.3)}50%{text-shadow:0 0 18px rgba(0,255,255,.6)}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;justify-items:center;align-items:stretch;margin-bottom:2.5rem}.dashboard-grid .card{border-radius:16px;padding:1.8rem 1.5rem;backdrop-filter:blur(10px);box-shadow:0 0 25px rgba(0,0,0,.25);min-height:260px;display:flex;flex-direction:column;justify-content:center}.dashboard-grid .card:hover{transform:translateY(-5px);box-shadow:0 0 30px rgba(0,255,255,.15)}.dashboard-grid .card h2{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:1rem}#queue-next-card p,.dashboard-grid .card p{font-size:1rem;color:var(--text-muted)}#live-status-card #countdown-home{font-size:2.2rem;color:var(--secondary-accent);font-weight:700}#latest-video-card .video-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:.8rem}#latest-video-card .video-thumb{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 0 20px rgba(255,0,193,.25);transition:transform .3s,box-shadow .3s}#latest-video-card .video-thumb img{width:100%;max-width:320px;border-radius:12px;transition:filter .3s}#latest-video-card .video-details h3{font-size:.95rem;font-weight:600;color:#fff;line-height:1.3;margin-bottom:.3rem}.featured-card,.mini-about-card{border-radius:16px;padding:2rem;box-shadow:0 0 20px rgba(0,0,0,.2)}#trade-intro ul li,.disclaimer-card,.traguardi-list li{background:rgba(255,255,255,.04)}.disclaimer-card,.news-card{border:1px solid rgba(255,255,255,.1)}.featured-card h2,.mini-about-card h3{color:#fff;font-weight:700;margin-bottom:1rem}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.disclaimer-card{border-left:4px solid #00f0ff;text-align:left;padding:1.8rem 2rem;border-radius:14px;color:#cfd9e8;margin-top:2.5rem}.cta-card,.live-card,.news-page h1{text-align:center}.disclaimer-card h3{color:#fff;font-size:1.3rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}.disclaimer-card p{margin-bottom:.7rem;line-height:1.6}.disclaimer-card .highlight{color:#00f0ff;font-weight:600}.news-page{padding:2rem 1rem;max-width:1000px;margin:0 auto}.news-page h1{color:#fff;font-size:2rem;margin-bottom:2rem}.news-card{background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border-radius:14px;margin-bottom:2rem;overflow:hidden;box-shadow:0 0 18px rgba(0,0,0,.3)}.news-img{width:100%;height:auto;display:block}.news-content{padding:1.5rem;color:#ddd}.news-content h2{color:#00f0ff;margin-bottom:.4rem}.news-content time{color:#aaa;font-size:.85rem;display:block;margin-bottom:1rem}.news-content p{line-height:1.6;color:#eaeaea}.hidden{display:none!important;opacity:0}main.container{max-width:1100px}.about-card p{font-size:1.05rem;line-height:1.7;color:#ddd;text-align:justify;margin-bottom:1.2rem}.about-card h2,.cta-card h2{color:var(--secondary-accent)}.about-card.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem 2.2rem;box-shadow:0 0 25px rgba(0,0,0,.25);transition:transform .3s,box-shadow .3s}.about-card.card:hover{transform:translateY(-6px);box-shadow:0 0 30px rgba(0,245,212,.25)}.about-card h2{font-size:1.8rem;margin-bottom:1rem;text-shadow:0 0 10px rgba(0,245,212,.3)}.traguardi-list li{padding:.8rem 1rem;border-radius:10px;margin-bottom:.8rem;transition:background .3s,transform .2s}.traguardi-list li:hover{transform:scale(1.02)}#announcement-list p strong,.partners-wrapper .partners-section h2{background:linear-gradient(90deg,#00f0ff,#b366ff,#00f0ff);animation:5s linear infinite gradient-move}.cta-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 0 20px rgba(0,0,0,.3)}.cta-card:hover{transform:translateY(-5px);box-shadow:0 0 25px rgba(255,0,193,.25)}.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem;margin-top:1.8rem}.social-icon{font-size:1rem;padding:.9rem 1.6rem;border-radius:10px}.email-link{font-size:1.1rem;letter-spacing:.4px;box-shadow:0 0 15px rgba(255,0,193,.2)}.email-link:hover{box-shadow:0 0 25px rgba(255,0,193,.4)}.about-grid{margin-bottom:3rem;gap:2rem}.cta-card h2{margin-bottom:.8rem}.cta-card p{color:var(--text-muted);margin-bottom:1rem;font-size:1rem}.live-grid{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;margin-bottom:3rem}.live-card{display:flex;flex-direction:column;align-items:center;padding-bottom:2rem}.live-card .embed-wrapper{width:100%;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:14px;box-shadow:0 0 18px rgba(0,0,0,.3);margin-bottom:1.5rem}.live-card iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:14px}.select-wrapper::after,select::after{right:1rem;top:50%;transform:translateY(-50%);pointer-events:none}.live-card .cta-button{align-self:center;padding:.9rem 1.6rem;border-radius:10px;font-size:1rem;font-weight:600;align-items:center;gap:.6rem}.live-card .cta-button.youtube{background:linear-gradient(90deg,#f04,#ff6767);color:#fff}.live-card .cta-button.youtube:hover{background:linear-gradient(90deg,#f36,#f88)}.form-hint{font-size:.9rem;color:#a0b7d1;margin-top:4px;margin-bottom:12px}.form-hint a:hover{color:#0ff}#announcement-card{position:relative;overflow:hidden;text-align:left}#announcement-card h2{font-size:1.3rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.4rem;color:#fff}#announcement-card h2 i{color:#00f0ff;font-size:1.2rem}#announcement-list{display:flex;flex-direction:column;gap:.8rem}#announcement-list p{background:rgba(255,255,255,.06);padding:.8rem 1rem;border-radius:10px;margin:0;line-height:1.4;transition:.25s;box-shadow:0 0 10px rgba(0,255,255,.05)}#announcement-list p:hover{background:rgba(255,255,255,.1);transform:translateY(-2px);box-shadow:0 0 15px rgba(0,255,255,.15)}#announcement-list p strong{display:block;font-size:1.05rem;font-weight:700;margin-bottom:.3rem;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;text-shadow:0 0 10px rgba(0,240,255,.4)}#announcement-list p,#announcement-list p span{color:#d8e4f5;font-size:.95rem}#trade-intro h2,.partners-wrapper .partners-section h2{font-size:1.6rem;font-weight:700;-webkit-text-fill-color:transparent}.announcement-date{display:block;font-size:.8rem;color:#8ea7c6;margin-top:.3rem;text-align:right;font-style:italic}#trade-intro h2,#trade-message,.about-hero,.cta-button,.join-queue h2,.queue-list h2,.queue-message,.timeline-section{text-align:center}#announcement-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(0,240,255,.05),transparent 70%);z-index:0;border-radius:inherit}#announcement-card *{position:relative;z-index:1}.partners-wrapper{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);box-shadow:0 0 35px rgba(255,0,255,.15)}#trade-form-card,#trade-intro{background:rgba(255,255,255,.03);border-radius:12px;box-shadow:0 0 25px rgba(0,255,255,.08)}.partners-wrapper::before{content:"";position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(120deg,#ff00c1,#00f5d4,#a600ff,#00f5d4);background-size:300% 300%;animation:8s linear infinite border-glow;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes border-glow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.partners-wrapper .partners-section h2{margin-bottom:2rem;-webkit-background-clip:text;background-size:200% auto;text-shadow:0 0 15px rgba(0,240,255,.3)}@keyframes gradient-move{to{background-position:200% center}}.partners-logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3rem;margin-bottom:3rem}.partners-logos img{max-height:70px;width:auto;filter:grayscale(100%) brightness(1.8)}.partners-logos img:hover{filter:grayscale(0%) brightness(1) drop-shadow(0 0 12px rgba(0, 240, 255, .4));opacity:1;transform:scale(1.08)}.partners-wrapper .partners-section:not(:last-child)::after{content:"";display:block;width:60%;height:2px;margin:2.5rem auto 0;background:linear-gradient(90deg,transparent,#00f0ff,transparent);opacity:.5}#trade-intro{padding:1.8rem;line-height:1.6}#trade-intro h2{color:#fff;margin-bottom:1rem;-webkit-background-clip:text}#trade-intro ul{list-style:none;padding:0;margin:1rem 0}#trade-intro ul li{margin-bottom:.6rem;padding:.6rem .9rem;border-radius:8px;font-size:.95rem;color:#e0eaff;border-left:4px solid #00f0ff}#trade-form input:focus,#trade-form select:focus,#trade-form textarea:focus{border-color:#00f0ff;outline:0}#trade-intro a{color:#00f0ff;font-weight:600}#trade-form-card{margin-top:2rem;padding:2rem 2.2rem}#trade-form-card h3{font-size:1.3rem;font-weight:700;color:#fff;text-align:center;margin-bottom:1.5rem}#trade-form input[type=file],#trade-form input[type=text],#trade-form select,#trade-form textarea{width:100%;margin-bottom:1rem;padding:.8rem 1rem;background:rgba(255,255,255,.06);color:#e8f1ff;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.95rem;transition:border-color .25s;box-sizing:border-box}#trade-form button,#trade-form select{transition:.25s;width:100%;cursor:pointer}#trade-form button{color:#fff;font-weight:600;padding:.8rem 1.5rem;border:none;border-radius:8px;display:block;margin-top:.8rem;box-shadow:0 0 10px rgba(0,255,255,.25)}#trade-form button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 0 15px rgba(0,255,255,.35)}#trade-message{margin-top:1rem;font-weight:600;font-size:.95rem}#trade-intro h2 i{color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.7)}#trade-form select{margin-bottom:1rem;padding:.8rem 1rem;background:border-box padding-box,border-box #1b1b2a;color:#e8f1ff;border:1px solid rgba(0,240,255,.4);border-radius:8px;font-size:.95rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;background-image:linear-gradient(90deg,#a600ff,#00f0ff)}#trade-form select:focus{box-shadow:0 0 10px rgba(0,240,255,.4)}#trade-form option{background:#12121c;color:#e8f1ff}.nav-links li.dropdown{display:flex;align-items:center;position:relative}.dropdown-toggle{background:0 0;border:none;color:var(--text-color);cursor:pointer;font-size:1rem;margin-left:4px;padding:0;display:flex;align-items:center;transition:transform .2s}.dropdown-menu li a:hover,.form-block h3,.select-wrapper::after,.upload-label,select::after{color:var(--secondary-accent)}.dropdown-menu,.nav-links li.dropdown .dropdown-menu{top:100%;left:0;padding:.6rem 0;min-width:190px;display:none;position:absolute;list-style:none}.dropdown-toggle:hover i{color:var(--primary-accent);transform:rotate(180deg)}.dropdown-menu{background:rgba(20,20,35,.95);border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,.35);z-index:200;opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s}.dropdown.open .dropdown-menu{display:block;opacity:1;transform:translateY(0)}.dropdown-menu li a{display:block;padding:.6rem 1rem;color:var(--text-color);font-weight:500;transition:background .2s,color .2s}.select-wrapper,.timeline,.timeline-item,.timeline-section,select{position:relative}.nav-links li.dropdown .dropdown-menu{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:9999}.nav-links li.dropdown .dropdown-menu li a{display:block;padding:.5rem 1.2rem;color:var(--text-color);text-decoration:none;white-space:nowrap;transition:background .25s,color .25s}.nav-links li.dropdown .dropdown-menu li a:hover{background:rgba(255,255,255,.1);color:var(--secondary-accent)}.nav-links li.dropdown.open .dropdown-menu{display:block;opacity:1;visibility:visible;transform:translateY(0)}@media (hover:hover) and (pointer:fine){.nav-links li.dropdown:hover .dropdown-menu{display:block;opacity:1;visibility:visible;transform:translateY(0)}}.form-block{margin-bottom:1.8rem;background:rgba(255,255,255,.03);border-radius:10px;padding:1rem}.form-block h3{font-size:1.1rem;margin-bottom:.5rem}input,select,textarea{width:100%;margin-bottom:.8rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(0,0,0,.3);color:#fff;padding:.6rem .8rem;font-size:1rem}.upload-label{display:inline-block;cursor:pointer;font-weight:600;margin-bottom:.3rem}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:1rem;padding:.7rem 1rem;width:100%;cursor:pointer;outline:0;transition:.25s}select:focus,select:hover{border-color:var(--secondary-accent);box-shadow:0 0 8px var(--secondary-accent)}select option{background-color:#0d1222;color:#fff;padding:.5rem}select::-ms-expand{display:none}select::after{content:"▼";position:absolute}.select-wrapper{display:inline-block;width:100%}.select-wrapper::after{content:"▾";position:absolute}.join-queue{padding:2rem;background:rgba(25,25,45,.85);border-radius:18px;box-shadow:0 0 25px rgba(0,255,255,.05);backdrop-filter:blur(8px)}.join-queue h2{color:var(--secondary-accent,#00f5ff);margin-bottom:1.5rem;font-weight:700}.form-container{display:flex;flex-direction:column;gap:1rem}.form-container label{font-weight:600;color:#b9c6ff;display:block;margin-bottom:.4rem}.form-container input[type=file],.form-container input[type=text],.form-container select,.form-container textarea{width:100%;padding:.8rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#eaf6ff;font-size:.95rem;transition:.25s}.form-container input:focus,.form-container select:focus,.form-container textarea:focus{outline:0;border-color:var(--secondary-accent,#00f5ff);box-shadow:0 0 10px rgba(0,255,255,.2)}.form-container select{cursor:pointer;appearance:none;background-image:linear-gradient(135deg,#8224e3,#00f0ff);color:#fff;border:none;font-weight:600}::placeholder{color:#7e8ca5}.cta-button{display:block;width:100%;padding:.9rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:.25s;border:none}.cta-button.primary{background:linear-gradient(90deg,#8f3fff,#00f0ff);color:#fff;box-shadow:0 0 10px rgba(0,255,255,.3)}.cta-button.primary:hover{transform:scale(1.02);box-shadow:0 0 20px rgba(0,255,255,.5)}.cta-button.danger{background:linear-gradient(90deg,#ff3f6f,#ff7a00);color:#fff}.about-hero h1,.timeline-item .dot{background:linear-gradient(90deg,#00f0ff,#a600ff)}.cta-button.danger:hover{transform:scale(1.02);box-shadow:0 0 20px rgba(255,122,0,.4)}.queue-message{margin-top:1rem;font-weight:600;color:#00f5ff}.queue-list{margin-top:2.5rem;background:rgba(20,20,35,.9);padding:1.5rem;border-radius:16px;box-shadow:0 0 15px rgba(0,255,255,.05)}.queue-list h2{color:var(--secondary-accent,#00f5ff);margin-bottom:1rem}#public-queue-list li{padding:.6rem 1rem;margin-bottom:.5rem;border-radius:8px;background:rgba(255,255,255,.05);color:#e0eeff;display:flex;align-items:center;justify-content:space-between}#public-queue-list li.subscriber{background:rgba(255,217,0,.1);border-left:4px solid gold;font-weight:600}.subscriber-icon-public{color:gold;margin-right:8px}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .card{min-height:220px}#trade-form-card,#trade-intro,.about-card.card,.cta-card{padding:1.5rem}.about-card h2,.cta-card h2{font-size:1.5rem}.social-links{gap:.8rem}.social-icon{padding:.7rem 1.2rem;font-size:.95rem}.live-card .embed-wrapper{margin-bottom:1rem}.live-card .cta-button{width:80%;justify-content:center}.partners-logos{gap:2rem}.partners-logos img{max-height:55px}#trade-intro ul li,.form-container input,.form-container select,.form-container textarea{font-size:.9rem}#trade-form button,.cta-button{font-size:.95rem}.dropdown-menu{position:static;background:0 0;box-shadow:none;border:none;opacity:1;transform:none;padding:0;margin-top:.4rem}.dropdown-menu li a{padding:.5rem 0;text-align:center}.join-queue{padding:1.2rem}.queue-list{padding:1rem}}.about-page{color:#e6e6ff;background:linear-gradient(180deg,#0d0b16 0,#11182a 100%);overflow-x:hidden}.about-hero{padding:7rem 2rem 5rem;background:radial-gradient(circle at top,rgba(138,43,226,.25),transparent 60%);color:#fff}.about-hero h1{font-size:2.8rem;font-weight:800;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 25px rgba(0,255,255,.3)}.about-hero p{max-width:700px;margin:1rem auto 2rem;font-size:1.1rem;color:#cfcfff}.scroll-btn{display:inline-block;margin-top:1rem;color:#00f0ff;font-weight:600;transition:.3s}.scroll-btn:hover{color:#a600ff}.timeline-section{padding:5rem 1rem}.timeline-section h2{font-size:2rem;margin-bottom:3rem;color:#00f0ff;font-weight:700;text-shadow:0 0 20px rgba(0,255,255,.3)}.social-links a,.today-card{font-weight:600;transition:.3s}.timeline{max-width:800px;margin:0 auto;border-left:3px solid rgba(0,255,255,.2);padding-left:2rem}.timeline-item{opacity:0;transform:translateY(50px);transition:.6s ease-out;margin-bottom:3rem;text-align:left;padding-left:1.5rem;opacity:1!important;transform:none!important}.partners-logos img.visible,.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-item .year{display:inline-block;margin-left:.8rem;color:#a600ff;font-weight:700;font-size:1.1rem;vertical-align:middle}.timeline-item .dot{width:14px;height:14px;border-radius:50%;position:absolute;left:-10px;top:4px;box-shadow:0 0 12px rgba(0,255,255,.4)}.cta-button.danger,.cta-button.primary,.live-card .cta-button{display:block;width:fit-content;max-width:260px;margin:1rem auto 0;text-align:center}.timeline-item p{margin-top:.8rem;color:#cfcfff;line-height:1.6;padding-left:.8rem}.about-today{text-align:center;padding:5rem 2rem;background:linear-gradient(180deg,#0f0f1e,#10142b)}.about-future blockquote,.today-card{background:rgba(255,255,255,.05);border-radius:10px}.about-today h2{color:#a600ff;font-size:1.8rem;margin-bottom:1rem}.about-today p{max-width:700px;margin:0 auto 2.5rem;color:#ddd}.social-links,.today-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.today-card{padding:1rem 1.5rem;color:#00f0ff;text-shadow:0 0 10px rgba(0,255,255,.2);display:flex;align-items:center;gap:.5rem}.today-card:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}.about-future{text-align:center;padding:5rem 2rem}.about-future h2{font-size:1.8rem;color:#00f0ff;margin-bottom:1.2rem}.about-social h2,.section-subtitle{font-size:1.6rem;margin-bottom:2rem}.about-future p{max-width:700px;margin:0 auto 2rem;color:#ccc;line-height:1.6}.about-future blockquote{margin:2rem auto 0;padding:1.5rem;max-width:600px;border-left:4px solid #00f0ff;font-style:italic;color:#e0e0ff;box-shadow:0 0 20px rgba(0,255,255,.1)}.about-social{text-align:center;padding:4rem 1rem;background:linear-gradient(180deg,#10142b,#0e0e1a)}.about-social h2{color:#a600ff}.social-links a{padding:.7rem 1.3rem;border-radius:8px;color:#fff}.social-links .yt{background:red}.social-links .tw{background:#6441a5}.social-links .tk{background:#000;border:1px solid #fff}.social-links .ig{background:linear-gradient(45deg,#ff0069,#f90)}.social-links .dc{background:#5865f2}.social-links a:hover{transform:translateY(-3px);box-shadow:0 0 10px rgba(0,255,255,.2)}.about-contact{text-align:center;padding:3rem 2rem 5rem}.about-contact h2{color:#00f0ff;margin-bottom:.5rem}.email-link:hover{opacity:.85;transform:scale(1.05);transform:translateY(-2px);box-shadow:0 0 20px rgba(0,255,255,.35);opacity:.9}@media (max-width:768px){.about-hero h1{font-size:2.2rem}.timeline{padding-left:1.5rem}.today-cards{flex-direction:column;align-items:center}.timeline-item p{font-size:.95rem}.about-future p,.about-today p{font-size:1rem}}.section-subtitle{text-align:center;font-weight:700;background:linear-gradient(90deg,#a600ff,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.partners-wrapper{margin-top:3rem;background:rgba(255,255,255,.05);border-radius:16px;padding:2rem;box-shadow:0 0 25px rgba(0,0,0,.3);text-align:center}.partners-section h3{font-size:1.3rem;color:#00f0ff;margin-bottom:1rem}.partners-logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem}.partners-logos img{height:45px;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s;filter:brightness(1.2)}.email-link{display:inline-block;margin-top:.4rem;background:linear-gradient(90deg,#00f0ff,#a600ff);color:#fff!important;font-weight:600;padding:.6rem 1.2rem;border-radius:8px;transition:.3s;box-shadow:0 0 15px rgba(0,255,255,.25)}.queue-entry,input[type=file]{background:rgba(255,255,255,.05)}.contact-highlight{text-align:center;margin-bottom:2rem;font-size:1.45rem;font-weight:600;color:#e8e8ff;text-shadow:0 0 10px rgba(0,255,255,.15);letter-spacing:.3px}.live-card .cta-button{min-width:200px}input[type=file]{border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem;border-radius:8px;font-size:.95rem;cursor:pointer;width:100%}input[type=file]::file-selector-button{background:linear-gradient(90deg,#a600ff,#00f0ff);border:none;color:#fff;padding:.4rem 1rem;border-radius:6px;cursor:pointer;margin-right:.8rem;transition:opacity .25s}input[type=file]::file-selector-button:hover{opacity:.85}.queue-section ul{list-style:none;margin:0;padding:0}.queue-entry{display:grid;grid-template-columns:40px 1fr auto;align-items:center;border-radius:8px;padding:.8rem 1rem;margin-bottom:.6rem;border:1px solid rgba(255,255,255,.1)}.queue-entry:first-child{background:linear-gradient(90deg,#00f0ff33,#a600ff33);border-color:var(--accent,#00f0ff)}.queue-number{font-weight:700;color:var(--accent,#00f0ff);text-align:center}.queue-info{color:#fff;font-size:.95rem;padding-left:.5rem}.queue-status{background:var(--accent,#00f0ff);color:#000;font-weight:600;padding:.3rem .8rem;border-radius:6px;font-size:.85rem}.cta-button.danger,.cta-button.primary{min-width:220px}
/* ======= SEZIONE GUIDA INTERATTIVA - VERSIONE STABILE ======= */
.site-tutorial {
  position: relative;
  padding: 2.5rem 2rem;
  background: rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  border: 1px solid rgba(0, 255, 255, 0.08);
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.05) inset, 0 0 35px rgba(0, 0, 0, 0.3);
  text-align: center;
  margin: 0 auto 3rem;
  max-width: 1050px;
  box-sizing: border-box;
  overflow: hidden; /* blocca overflow ma preserva ombre grazie al padding */
}

.site-tutorial .tutorial-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.8rem;
  justify-items: stretch;
  align-items: stretch;
  margin-top: 1.8rem;
  padding-bottom: 1rem; /* evita che le ombre tocchino il bordo inferiore */
}

.site-tutorial .tutorial-step {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  background: radial-gradient(circle at top, rgba(0, 255, 255, 0.06), rgba(0, 0, 0, 0.4));
  border-radius: 14px;
  padding: 2rem 1.5rem;
  border: 1px solid rgba(0, 255, 255, 0.12);
  box-shadow: 0 5px 18px rgba(0, 255, 255, 0.08);
  height: 100%;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.site-tutorial .tutorial-step:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(0, 255, 255, 0.2);
  border-color: rgba(0, 255, 255, 0.3);
}

/* Hover leggero sull'intera sezione */
.site-tutorial:hover {
  box-shadow: 0 0 25px rgba(0, 255, 255, 0.1), 0 0 45px rgba(0, 0, 0, 0.35) inset;
}

/* Responsive */
@media (max-width: 900px) {
  .site-tutorial .tutorial-steps {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .site-tutorial .tutorial-steps {
    grid-template-columns: 1fr;
  }
}

/* — MICRO-FIX OTTICO PER CARDS TUTORIAL — */
.site-tutorial .tutorial-steps {
  padding-bottom: 1.8rem; /* evita che l’ombra tocchi il bordo */
}

.site-tutorial .tutorial-step {
  margin-bottom: 0.3rem; /* distacco visivo dal bordo inferiore */
  background: radial-gradient(circle at top, rgba(0,255,255,0.06), rgba(0,0,0,0.45));
}

/* Glow coerente con le altre card principali */
.site-tutorial .tutorial-step:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(0,255,255,0.25), inset 0 0 15px rgba(0,255,255,0.1);
  border-color: rgba(0,255,255,0.3);
}

/* ======== CTA base (neon soft) ======== */
.cta-button {
  color: #fff;
  background: linear-gradient(90deg, #a600ff 0%, #00eaff 100%);
  box-shadow: 0 0 12px rgba(0,255,255,.25), inset 0 0 6px rgba(255,255,255,.08);
  letter-spacing: .3px;
  text-decoration: none;
}

.cta-button:hover {
  transform: translateY(-2px);
  background: linear-gradient(90deg, #8a00ff 0%, #00ffe0 100%);
  box-shadow: 0 0 20px rgba(0,255,255,.35), 0 0 10px rgba(166,0,255,.25);
}

.cta-button:active { transform: translateY(0) }

/* Migliora accessibilità */
.cta-button:focus-visible {
  outline: 2px solid rgba(0,255,255,.7);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(0,255,255,.15);
}

/* ======== Varianti per azione ======== */
/* Scambi */
.btn-trade {
  background: linear-gradient(90deg, #6c5cff 0%, #00e0ff 100%);
}
.btn-trade:hover {
  background: linear-gradient(90deg, #5a48ff 0%, #00f5ff 100%);
}

/* Coda */
.btn-queue {
  background: linear-gradient(90deg, #00d1b2 0%, #5fd3ff 100%);
}
.btn-queue:hover {
  background: linear-gradient(90deg, #00c3a7 0%, #7ae2ff 100%);
}

/* Gioca */
.btn-play {
  background: linear-gradient(90deg, #ff3f9b 0%, #7a5cff 100%);
}
.btn-play:hover {
  background: linear-gradient(90deg, #ff2f90 0%, #8a6dff 100%);
}

/* Pulsanti dentro le card tutorial: spingili in basso e stessa altezza */
.site-tutorial .tutorial-step .cta-button {
  margin-top: auto;
  min-height: 46px;
  max-width: 240px;
}
/* ——— CTA: leggibilità e contrasto testo ——— */
.cta-button {
  position: relative;                 /* permette l’overlay */
  color: #fff !important;             /* bianco pieno */
  font-weight: 800;                   /* più corposo */
  letter-spacing: .2px;
  text-shadow: 0 1px 2px rgba(0,0,0,.45); /* outline morbido scuro */
}

/* Opzionale, micro-outline per schermi molto luminosi */
@supports (-webkit-text-stroke: 1px white) {
  .cta-button {
    -webkit-text-stroke: .2px rgba(0,0,0,.28);
  }
}

/* Aumenta leggermente la dimensione nei pulsanti della guida */
.site-tutorial .tutorial-step .cta-button {
  font-size: 1.1rem;          /* da ~1.0 a 1.1rem */
  min-height: 50px;           /* un filo più alti = più “cliccabili” */
}

/* Overlay sottilissimo per mantenere il contrasto su gradienti molto chiari */
.cta-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(255,255,255,.04));
}

/* Focus visibile e coerente (accessibilità) */
.cta-button:focus-visible {
  outline: 2px solid rgba(0,255,255,.75);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(0,255,255,.18);
}

/* =========================================
   SPARX NEXT-GEN THEME - OVERRIDE
   ========================================= */

:root {
    /* Nuova Palette: Dark Mode Profondo + Neon */
    --bg-dark: #0a0a0b;       /* Quasi nero, molto elegante */
    --bg-card: #141416;       /* Grigio scurissimo per le card */
    --neon-cyan: #00f0ff;     /* Azzurro Cyberpunk */
    --neon-purple: #7000ff;   /* Viola Twitch */
    --neon-pink: #ff0055;     /* Rosso/Rosa acceso */
    --text-main: #ffffff;
    --text-muted: #a0a0a0;
    
    /* Sovrascrittura variabili vecchie per compatibilità */
    --primary-accent: var(--neon-cyan);
    --secondary-accent: var(--neon-purple);
    --glass-bg: rgba(20, 20, 22, 0.7);
    --glass-border: rgba(255, 255, 255, 0.08);
}

/* 1. Sfondo e Tipografia */
body {
    background: var(--bg-dark) !important;
    color: var(--text-main);
    font-family: 'Poppins', sans-serif;
    background-image: 
        radial-gradient(circle at 15% 50%, rgba(112, 0, 255, 0.08), transparent 25%),
        radial-gradient(circle at 85% 30%, rgba(0, 240, 255, 0.08), transparent 25%) !important;
}

h1, h2, h3 {
    letter-spacing: -0.5px; /* Più moderno e compatto */
    color: #fff;
}

/* 2. Hero Section (Benvenuto) */
.hero-section {
    text-align: center;
    padding: 6rem 1rem 4rem !important;
    position: relative;
}

.hero-section h1 {
    font-size: 3.5rem;
    font-weight: 800;
    text-transform: uppercase;
    background: linear-gradient(to right, #fff, #b0b0b0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 10px 30px rgba(0,0,0,0.5);
    margin-bottom: 1rem;
}

/* 3. Card Modernizzate (Glassmorphism Dark) */
.card, .site-tutorial, .partners-wrapper, .mini-about-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--glass-border) !important;
    box-shadow: 0 10px 40px -10px rgba(0,0,0,0.5) !important;
    border-radius: 24px !important; /* Bordi più arrotondati */
    backdrop-filter: blur(20px);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.card:hover, .site-tutorial:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 240, 255, 0.3) !important;
    box-shadow: 0 20px 50px -10px rgba(0, 240, 255, 0.15) !important;
}

/* Titoli delle Card con icona colorata */
.card h2 i, .site-tutorial h2 i {
    color: var(--neon-cyan);
    margin-right: 10px;
    filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.5));
}

/* 4. Tutorial Steps (Le 3 icone Scambi/Coda/Gioca) */
.site-tutorial .tutorial-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.site-tutorial .tutorial-step {
    background: rgba(255,255,255,0.03) !important; /* Più leggero */
    border: 1px solid rgba(255,255,255,0.05);
    padding: 2rem;
    border-radius: 16px;
    transition: 0.3s;
}

.site-tutorial .tutorial-step:hover {
    background: rgba(255,255,255,0.05) !important;
    border-color: var(--neon-purple);
}

/* Icone grandi */
.site-tutorial .tutorial-step i {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    background: linear-gradient(45deg, var(--neon-cyan), var(--neon-purple));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 5. Bottoni "Glow" */
.cta-button {
    background: #fff !important; /* Fallback */
    background: linear-gradient(90deg, var(--neon-purple), #9d00ff) !important;
    color: white !important;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 12px !important;
    padding: 12px 28px !important;
    border: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(112, 0, 255, 0.3);
    transition: 0.3s;
}

.cta-button:hover {
    transform: scale(1.05);
    box-shadow: 0 0 30px rgba(112, 0, 255, 0.6);
}

/* Bottone secondario (Outline) */
.cta-button.secondary {
    background: transparent !important;
    border: 2px solid rgba(255,255,255,0.2) !important;
    box-shadow: none;
}
.cta-button.secondary:hover {
    border-color: var(--text-main) !important;
    background: rgba(255,255,255,0.05) !important;
}

/* 6. Partners (Loghi monocromatici che si colorano) */
.partners-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3rem;
    opacity: 0.8;
}

.partners-logos img {
    filter: grayscale(100%) brightness(1.5); /* Loghi bianchi/grigi */
    transition: 0.3s;
    opacity: 0.6;
    max-height: 50px; /* Uniforma altezza */
    width: auto;
}

.partners-logos img:hover {
    filter: grayscale(0%) brightness(1); /* Colore originale al passaggio */
    opacity: 1;
    transform: scale(1.1);
    cursor: pointer;
}

/* 7. Fix Mobile */
@media (max-width: 768px) {
    .hero-section h1 { font-size: 2.2rem; }
    .dashboard-grid { grid-template-columns: 1fr !important; }
}
/* Aggiungi questo alla fine del CSS */

/* Header più solido e leggibile */
header {
    background: rgba(10, 10, 12, 0.85) !important; /* Più scuro per leggere meglio il menu */
    border-bottom: 1px solid rgba(0, 240, 255, 0.1) !important; /* Linea neon sottile */
    box-shadow: 0 5px 20px rgba(0,0,0,0.5);
}

/* Effetto Neon sul Logo */
nav .logo {
    transition: transform 0.3s, text-shadow 0.3s;
}

nav .logo:hover {
    transform: scale(1.05);
    text-shadow: 0 0 15px var(--neon-cyan), 0 0 30px var(--neon-purple);
    cursor: pointer;
}

/* Link del menu che si illuminano */
nav a {
    position: relative;
    transition: 0.3s;
}

nav a:hover {
    color: var(--neon-cyan) !important;
    text-shadow: 0 0 8px rgba(0, 240, 255, 0.6);
}
/* Animazione entrata dal basso */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Applica l'animazione alle card principali */
.card, .site-tutorial, .featured-video-section {
    animation: fadeInUp 0.8s ease-out forwards; /* 0.8s di durata */
}

/* Ritardo a cascata (per effetto scia) */
.dashboard-grid .card:nth-child(1) { animation-delay: 0.1s; }
.dashboard-grid .card:nth-child(2) { animation-delay: 0.2s; }
.site-tutorial { animation-delay: 0.3s; }

/* =============================================
   RIFINITURE FINALI (Apply after previous CSS)
   ============================================= */

/* 1. Countdown PIÙ LEGGIBILE (Azzurro Neon invece di viola) */
#countdown-home, .countdown-timer, #live-status-card p {
    color: #00f0ff !important; /* Ciano brillante */
    text-shadow: 0 0 15px rgba(0, 240, 255, 0.6);
    font-weight: 700;
    font-size: 1.4rem; /* Leggermente più grande */
}

/* 2. Differenziamo i 3 Bottoni Principali */
/* Scambi -> Blu/Azzurro (Fiducia) */
.btn-trade {
    background: linear-gradient(90deg, #00c6ff, #0072ff) !important;
    box-shadow: 0 0 15px rgba(0, 114, 255, 0.4) !important;
}

/* Coda -> Viola (Il tuo colore brand) */
.btn-queue {
    background: linear-gradient(90deg, #a600ff, #7b00ff) !important;
    box-shadow: 0 0 15px rgba(166, 0, 255, 0.4) !important;
}

/* Gioca/Vinci -> Rosa/Rosso (Eccitazione/Gioco) */
.btn-play {
    background: linear-gradient(90deg, #ff0080, #ff0055) !important;
    box-shadow: 0 0 15px rgba(255, 0, 85, 0.4) !important;
}

/* Effetto Hover universale sui bottoni: diventano bianchi */
.btn-trade:hover, .btn-queue:hover, .btn-play:hover {
    background: #fff !important;
    color: #000 !important; /* Testo nero per contrasto */
    transform: translateY(-3px);
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.5) !important;
}

/* 3. Migliorare la leggibilità della Bacheca */
.announcement-item {
    background: rgba(255, 255, 255, 0.05); /* Sfondo leggero per ogni avviso */
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    border-left: 3px solid #00f0ff; /* Linea colorata a sinistra */
}

.announcement-item strong {
    color: #fff;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 5px;
}

.announcement-item small {
    color: #888; /* Data in grigio chiaro */
} 
/* =========================================
   CHI SONO / ABOUT PAGE - STILE GAMING
   ========================================= */

.about-container {
    max-width: 900px;
    margin: 2rem auto;
    padding: 0 1rem;
}

/* 1. Hero Chi Sono */
.about-hero {
    text-align: center;
    padding: 4rem 2rem !important;
    margin-bottom: 3rem;
    background: radial-gradient(circle at center, rgba(112, 0, 255, 0.15), rgba(20, 20, 22, 0.95)) !important;
}

.about-hero h1 {
    font-size: 3rem;
    font-weight: 800;
}

.text-neon {
    color: var(--neon-cyan);
    text-shadow: 0 0 20px rgba(0, 240, 255, 0.5);
}

.about-hero .lead {
    font-size: 1.2rem;
    color: #ddd;
    max-width: 700px;
    margin: 1rem auto;
}

/* 2. Timeline Neon Verticale */
.timeline-section {
    position: relative;
    margin-bottom: 4rem;
}

.section-title {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 2rem;
    color: #fff;
}

.timeline {
    position: relative;
    padding-left: 30px;
    border-left: 3px solid rgba(0, 240, 255, 0.3); /* Linea verticale spenta */
    margin-left: 20px;
}

.timeline-item {
    position: relative;
    margin-bottom: 2.5rem;
}

/* Il pallino luminoso */
.timeline-dot {
    position: absolute;
    left: -39px; /* Centrato sulla linea */
    top: 0;
    width: 16px;
    height: 16px;
    background: var(--neon-purple);
    border-radius: 50%;
    box-shadow: 0 0 15px var(--neon-purple);
    border: 2px solid #fff;
    z-index: 2;
}

/* La card della timeline */
.timeline-content {
    padding: 1.5rem !important;
    text-align: left !important;
    margin-left: 1rem;
}

.timeline-content .year {
    display: block;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--neon-cyan);
    margin-bottom: 0.5rem;
}

.timeline-content h3 {
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: 0.5rem;
}

.timeline-content p {
    color: var(--text-muted);
    font-size: 0.95rem;
}

/* 3. Griglia "Oggi" */
.today-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 4rem;
}

.today-card {
    text-align: center;
    padding: 2rem !important;
    transition: transform 0.3s;
}

.today-card i {
    font-size: 2.5rem;
    color: var(--neon-purple);
    margin-bottom: 1rem;
    text-shadow: 0 0 15px rgba(112, 0, 255, 0.4);
}

/* 4. Obiettivo & Social */
.goal-text {
    font-size: 2.5rem;
    font-weight: 900;
    background: linear-gradient(90deg, #fff, #a600ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 1rem 0;
}

.social-links-big {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.social-btn {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-radius: 12px;
    transition: 0.3s;
    text-decoration: none;
}

.social-btn:hover {
    transform: translateY(-5px) scale(1.1);
}

/* Colori specifici Social */
.social-btn.yt:hover { background: #ff0000; box-shadow: 0 0 20px rgba(255,0,0,0.5); }
.social-btn.tw:hover { background: #9146ff; box-shadow: 0 0 20px rgba(145,70,255,0.5); }
.social-btn.tk:hover { background: #000; border: 1px solid #fff; }
.social-btn.dc:hover { background: #5865f2; box-shadow: 0 0 20px rgba(88,101,242,0.5); }
.social-btn.ig:hover { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }

/* 5. Contatti */
.contact-box {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.email-link {
    font-size: 1.2rem;
    color: var(--neon-cyan);
    font-weight: 700;
    text-decoration: none;
}

.email-link:hover {
    text-decoration: underline;
    text-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
}

/* Mobile Fixes */
@media (max-width: 768px) {
    .timeline { margin-left: 10px; }
    .about-hero h1 { font-size: 2rem; }
    .goal-text { font-size: 2rem; }
}
/* === FIX CARD CHI SONO CHE ESCE FUORI === */
.mini-about-card {
    /* Forza l'altezza ad adattarsi al contenuto */
    height: auto !important; 
    min-height: auto !important;
    
    /* Aggiunge spazio sotto il bottone così non tocca il bordo */
    padding-bottom: 3rem !important; 
    padding-top: 3rem !important;
    
    /* Assicura che il contenuto sia centrato e ordinato */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Sistema il bottone specifico di quella card */
.mini-about-card .cta-button {
    margin-top: 1.5rem !important; /* Spazio sopra il bottone */
    margin-bottom: 0 !important;
    position: relative !important;
    top: 0 !important; /* Evita spostamenti strani */
}
/* === FIX 1: BOTTONE "LA MIA STORIA" CHE ESCE FUORI === */
.about-hero.card {
    /* Sblocca l'altezza fissa che causava il taglio */
    height: auto !important;
    min-height: auto !important;
    
    /* Aggiunge spazio abbondante sotto il bottone */
    padding-bottom: 4rem !important;
    
    /* Assicura che tutto sia centrato */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}

.about-hero .cta-button {
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
    position: relative !important; /* Evita sovrapposizioni */
}

/* === FIX 2: LEGGIBILITÀ CARD "OGGI" === */
/* Forziamo il layout verticale (Icona sopra, Testo sotto) per massima chiarezza */
.today-card {
    display: flex !important;
    flex-direction: column !important; /* Impila gli elementi */
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 2rem 1.5rem !important;
    gap: 1rem !important; /* Spazio tra icona e titolo */
}

/* Icona più grande e definita */
.today-card i {
    font-size: 3rem !important;
    margin-bottom: 0.5rem !important;
    display: block !important;
}

/* Titolo (Video Daily, ecc.) più grande e leggibile */
.today-card h3 {
    font-size: 1.4rem !important;
    margin: 0 !important;
    width: 100%;
    color: #fff !important;
}

/* Descrizione più chiara */
.today-card p {
    font-size: 1.1rem !important; /* Testo più grande */
    line-height: 1.6 !important;   /* Più spazio tra le righe */
    color: #ccc !important;        /* Contrasto migliore */
    margin: 0 !important;
    max-width: 100%;
}

/* =========================================
   PAGINA MIDDLEMAN / SCAMBI SICURI
   ========================================= */

/* Body specifico della pagina trade (classe sul <body>) */
.trade-page-body {
    background: radial-gradient(circle at top, rgba(0, 240, 255, 0.1), transparent 55%),
                radial-gradient(circle at bottom, rgba(138, 43, 226, 0.12), transparent 55%),
                var(--bg-body, #050510);
}

/* HERO */
.trade-hero {
    text-align: center;
    margin-bottom: 3rem;
    padding-top: 2rem;
}

.trade-hero h1 {
    font-size: 3rem;
    color: var(--neon-cyan, #00f0ff);
    margin-bottom: 1rem;
    text-shadow: 0 0 15px rgba(0, 240, 255, 0.4);
}

.trade-hero .lead-instruction {
    max-width: 700px;
    margin: 0 auto;
    color: var(--text-muted, #a0a0b8);
    font-size: 1rem;
}

/* CARD PRINCIPALE */
.trade-booking {
    padding: 3rem !important;
    margin-bottom: 4rem;
    background: var(--bg-card, rgba(10, 10, 24, 0.95));
    border-radius: 22px;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.8);
    border: 1px solid var(--glass-border, rgba(255, 255, 255, 0.08));
    backdrop-filter: blur(14px);
}

.trade-booking h2 {
    text-align: left;
    color: var(--neon-purple, #a855ff);
    border-bottom: 1px solid var(--glass-border, rgba(255, 255, 255, 0.08));
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    font-size: 1.6rem;
}

.trade-booking h3 {
    color: var(--neon-cyan, #00f0ff);
    margin-top: 0;
    font-size: 1.2rem;
}

/* GRID LAYOUT */
.form-grid {
    display: grid;
    grid-template-columns: 1fr; /* mobile */
    gap: 3rem;
}

.column-details,
.column-calendar {
    text-align: left;
}

@media (min-width: 992px) {
    .form-grid {
        grid-template-columns: 1.5fr 1fr; /* desktop: dettagli + calendario */
    }
}

/* RIGHE DEL FORM */
.form-row {
    margin-bottom: 1.4rem;
}

.form-row label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
    color: var(--text-main, #f5f5ff);
    font-size: 0.95rem;
}

.form-row label i {
    margin-right: 0.4rem;
}

/* CAMPI: INPUT / SELECT / TEXTAREA / DATE */
input[type="text"],
select,
textarea,
input[type="date"] {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: var(--bg-card, #10101c);
    color: var(--text-main, #f5f5ff);
    font-size: 1rem;
    transition: border-color 0.3s, box-shadow 0.3s, background 0.3s, transform 0.1s;
    outline: none;
    box-sizing: border-box;
}

input::placeholder,
textarea::placeholder {
    color: var(--text-muted, #7f8196);
}

/* Focus effetto neon */
input[type="text"]:focus,
select:focus,
textarea:focus,
input[type="date"]:focus {
    border-color: var(--neon-purple, #a855ff);
    box-shadow: 0 0 10px rgba(112, 0, 255, 0.45);
    background: #14151f;
}

/* Disabilitato (es. select orario prima della data) */
select[disabled],
input[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
    border-style: dashed;
}

/* Textarea */
textarea {
    resize: vertical;
    min-height: 140px;
}

/* INFO SOTTO L'ORARIO */
.small-info {
    font-size: 0.85rem;
    color: var(--text-muted, #9ca3af);
    margin-top: 0.4rem;
}

/* RIGA BOTTONE */
.submit-row {
    margin-top: 3rem;
    padding-top: 1rem;
    border-top: 1px solid var(--glass-border, rgba(255, 255, 255, 0.08));
    text-align: center;
}

/* BOTTONE PRINCIPALE */
.btn-trade {
    background: linear-gradient(90deg, #00c6ff, #0072ff) !important;
    box-shadow: 0 0 15px rgba(0, 114, 255, 0.45) !important;
    width: 100%;
    max-width: 400px;
    border-radius: 999px;
    font-size: 1rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.btn-trade:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 20px rgba(0, 114, 255, 0.6) !important;
}

/* MESSAGGI DI RISPOSTA */
.queue-message {
    margin-top: 1.2rem;
    font-size: 0.95rem;
    text-align: center;
    min-height: 1.2em;
}

.queue-message.success {
    color: #22c55e;
}

.queue-message.error {
    color: #f97373;
}

.queue-message.loading {
    color: var(--text-muted, #9ca3af);
}

/* RESPONSIVE TWEAKS */
@media (max-width: 768px) {
    .trade-hero h1 {
        font-size: 2.2rem;
    }

    .trade-booking {
        padding: 2rem 1.5rem !important;
        margin-bottom: 3rem;
    }

    .btn-trade {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .trade-hero {
        margin-bottom: 2rem;
    }

    .trade-hero .lead-instruction {
        font-size: 0.95rem;
    }
}
/* Rende bianca/chiara l’icona calendario su Chrome/Edge */
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(1.3);
}

/* ============================
   DISCLAIMER MIDDLEMAN
   ============================ */
.middleman-disclaimer {
    margin-top: 2.5rem;
    padding: 1.8rem;
    border-radius: 12px;
    background: rgba(255, 0, 0, 0.05); /* Rosso tenue */
    border: 1px solid rgba(255, 80, 80, 0.3);
    box-shadow: 0 0 12px rgba(255, 0, 0, 0.15);
}

.middleman-disclaimer h3 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    color: #ff4d4d;
    
    display: flex;
    justify-content: center;   /* <-- CENTRA IL TITOLO */
    align-items: center;       /* Allinea icona e testo */
    gap: 8px;

    text-shadow: 0 0 10px rgba(255, 70, 70, 0.6);
}

.middleman-disclaimer i {
    color: #ff4d4d;
}

.middleman-disclaimer p {
    margin-bottom: 0.8rem;
    line-height: 1.6;
    color: #e6e6e6;
}

.middleman-disclaimer strong {
    color: #ff7b7b;
}

/* ================================
   LISTA PUBBLICA DELLA CODA
   ================================ */

.queue-list {
    padding: 1.5rem;
}

#public-queue-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#public-queue-list li {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    border-left: 4px solid var(--primary-accent);
    transition: all 0.2s ease;
}

#public-queue-list li:hover {
    background: rgba(255, 255, 255, 0.08);
    transform: translateX(2px);
}

/* Icona abbonato (stellina) */
.subscriber-icon-public {
    color: gold;
    font-size: 1.2rem;
    margin-right: 4px;
}

/* Evidenzia speciale per gli abbonati */
#public-queue-list li.subscriber {
    border-left: 4px solid gold;
    background: rgba(255, 215, 0, 0.08);
}

/* Contenitore informazioni */
.queue-info {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

/* Riga nome Roblox */
.queue-name-line {
    font-size: 1.05rem;
    color: var(--text-bright);
}

/* Riga social */
.queue-social {
    font-size: 0.9rem;
    opacity: 0.85;
    color: var(--text-muted);
}

/* Messaggio "vuota" */
.empty-queue-message {
    text-align: center;
    color: var(--text-muted);
    padding: 1rem;
    background: rgba(255,255,255,0.05);
    border-radius: 10px;
}