.nav-links li a,section{position:relative;overflow:hidden}.nav-links a:hover::after,.navbar,body,html,section{width:100%}.bar,.nav-links li a{transition:.3s ease-in-out}.news-header,body{text-align:center}.hamburger,.nav-logo,button{cursor:pointer}.footer-section,body{font-family:Inter,sans-serif}#scrollTopBtn:hover,.hero-btn:hover{box-shadow:0 0 25px #0fc,0 0 50px rgba(0,255,204,.8)}.contact-support a,.footer-container a,.hero-btn,.nav-links li a,.paypal-btn{text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}body,html{overflow-x:hidden}body{background:radial-gradient(circle,#0f0f0f 0,#000 100%);color:#e0e0e0;line-height:1.6;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:Orbitron,sans-serif;color:#0fc;text-shadow:0 0 8px rgba(0,255,204,.4),0 0 15px rgba(0,255,204,.2);margin-bottom:1rem}section{padding:6rem 2rem;z-index:1;max-width:100%}#rocket-candlesticks{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100vh;background-color:#000}.navbar{position:fixed;top:0;background:linear-gradient(to right,#080815,#101020,#080815);backdrop-filter:blur(15px);display:flex;justify-content:space-between;align-items:center;padding:18px 30px;z-index:1000;border-bottom:1px solid rgba(0,255,204,.2);box-shadow:0 2px 20px rgba(0,255,204,.15)}.nav-logo{display:flex;align-items:center}.nav-logo .logo-img{height:80px;width:auto;filter:drop-shadow(0 0 10px rgba(0, 255, 204, .6));transition:filter .4s ease-in-out}.nav-logo:hover .logo-img{filter:drop-shadow(0 0 18px #00ffcc) drop-shadow(0 0 40px rgba(0, 255, 204, .8))}.nav-right{display:flex;align-items:center}.nav-links{display:flex;list-style:none;gap:35px}.nav-links li a{color:#a0a0a0;font-size:1.05em;font-weight:500;padding:8px 15px;border-radius:25px}.nav-links li a:hover{color:#0fc;background:rgba(0,255,204,.08);box-shadow:0 0 15px rgba(0,255,204,.4);transform:translateY(-3px) scale(1.02)}.nav-links li a.login-btn{background:#0fc;color:#000;border:1px solid #0fc;padding:8px 20px;border-radius:30px;font-weight:700;transition:.3s;box-shadow:0 0 10px rgba(0,255,204,.6)}.nav-links li a.login-btn:hover{background:#00e6b8;color:#000;transform:translateY(-4px) scale(1.05);box-shadow:0 0 20px rgba(0,255,204,.8)}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0%;height:3px;background:#0fc;transition:width .3s ease-out}.hamburger{display:none;flex-direction:column;gap:7px;z-index:1101;width:30px;height:24px;justify-content:center;align-items:center;margin-left:20px}.bar{width:100%;height:3px;background:#0fc;border-radius:2px}.hamburger.open .bar1{transform:rotate(45deg) translate(8px,8px)}.hamburger.open .bar2{opacity:0}.hamburger.open .bar3{transform:rotate(-45deg) translate(8px,-8px)}@media screen and (max-width:768px){.hamburger{display:flex}.nav-links{flex-direction:column;position:fixed;top:65px;right:0;background:linear-gradient(to bottom,rgba(10,10,30,.98),rgba(0,0,0,.95));width:280px;padding:35px 25px;transform:translateX(100%);border-left:2px solid rgba(0,255,204,.3);box-shadow:-8px 0 30px rgba(0,255,204,.5);transition:transform .4s ease-in-out;z-index:1001;height:calc(100vh - 65px);overflow-y:auto}.nav-links.show{transform:translateX(0)}.nav-links li a{padding:18px 0;font-size:1.2em;text-align:left}.nav-links a::after{left:10%;width:80%}.nav-links a:hover::after{width:80%}.nav-overlay{display:block;position:fixed;top:0;left:0;height:100vh;width:100vw;background:rgba(0,0,0,.8);z-index:1000;opacity:0;pointer-events:none;transition:opacity .4s}.nav-overlay.active{opacity:1;pointer-events:auto}}@media screen and (max-width:480px){.navbar{padding:18px 15px}.nav-logo{font-size:1.8em}.nav-links{width:240px}}@keyframes neonPulse{0%{filter:drop-shadow(0 0 10px #00ffcc) drop-shadow(0 0 20px #00ffcc)}50%{filter:drop-shadow(0 0 15px #00ffcc) drop-shadow(0 0 30px #00ffcc) drop-shadow(0 0 50px rgba(0, 255, 204, .9))}100%{filter:drop-shadow(0 0 10px rgba(0, 255, 204, .6))}}.nav-logo.pulse,.nav-logo.pulse .logo-img{animation:1.5s ease-in-out forwards neonPulse}@keyframes glitchReveal{0%{opacity:0;transform:translateY(20px);text-shadow:none;filter:blur(5px)}5%{opacity:.2;transform:translateY(0);text-shadow:2px 0 #f0f,-2px 0 #0ff;filter:blur(2px)}10%{opacity:.8;text-shadow:-2px 0 #f0f,2px 0 #0ff;filter:blur(.5px)}15%{opacity:.5;text-shadow:4px 0 #f0f,-4px 0 #0ff;transform:translateX(4px)}20%{opacity:.9;text-shadow:-4px 0 #f0f,4px 0 #0ff;transform:translateX(-4px)}25%{opacity:.7;text-shadow:2px 0 #f0f,-2px 0 #0ff;transform:translateX(2px)}30%{opacity:1;text-shadow:0 0 #f0f,0 0 #0ff;transform:translateX(0);filter:blur(0)}100%{text-shadow:0 0 20px #0fc,0 0 35px rgba(0,255,204,.5);color:#0fc;opacity:1;transform:translateY(0);filter:blur(0)}}.hero h1.glitch-reveal{opacity:0;animation:2s ease-out forwards glitchReveal}.hero{padding:12rem 2rem 8rem;background:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.6));backdrop-filter:blur(8px)}.hero-btn,button{padding:1rem 2.5rem}.hero h1{font-size:3.8rem;color:#0fc;margin-bottom:1.5rem;text-shadow:0 0 20px #0fc,0 0 35px rgba(0,255,204,.5);line-height:1.2}.hero p{font-size:1.35rem;color:silver;margin-bottom:1.8rem;max-width:800px;margin-left:auto;margin-right:auto}.hero-subtext{font-size:1.1rem;max-width:700px;margin:0 auto 3rem;color:#999;line-height:1.7}.hero-btn,button{color:#000;font-weight:700}.hero-btn{display:inline-block;background:#0fc;border-radius:40px;box-shadow:0 0 18px #0fc,0 0 35px rgba(0,255,204,.5);transition:.3s ease-in-out;font-size:1.1em;letter-spacing:.5px}.hero-btn:hover{background:#00e6b8;transform:translateY(-5px) scale(1.02)}button{background-color:#0fc;border:none;font-size:1.05rem;border-radius:10px;transition:.3s;box-shadow:0 0 10px rgba(0,255,204,.5)}button:hover{background-color:#00e6b8;transform:translateY(-2px);box-shadow:0 0 15px rgba(0,255,204,.7)}.market-section{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;align-items:flex-start;padding:4rem 2rem;max-width:1400px;margin:0 auto;background:rgba(10,10,20,.7);border-top:1px solid rgba(0,255,204,.1);border-bottom:1px solid rgba(0,255,204,.1);box-shadow:inset 0 0 30px rgba(0,255,204,.05);overflow-x:hidden}.chart-container,.news-container{flex:1 1 45%;min-width:320px;background:rgba(15,15,25,.9);border:1px solid rgba(0,255,204,.3);box-shadow:0 0 25px rgba(0,255,204,.4);border-radius:18px;padding:25px;color:#fff;backdrop-filter:blur(12px);transition:transform .4s,box-shadow .4s;overflow:hidden;position:relative}.about-details,.modal{backdrop-filter:blur(10px)}.chart-container:hover,.news-container:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 0 40px rgba(0,255,204,.7)}.tradingview-widget-container{width:100%;height:500px;overflow:hidden;border-radius:10px}.news-container iframe{width:100%;height:460px;border-radius:10px;background-color:#0d0d1a;display:block;overflow:hidden}.news-header{font-size:1.4rem;font-weight:700;margin-bottom:20px;color:#0fc;text-shadow:0 0 8px #0fc}.dashboard-section{padding:6rem 2rem;background:radial-gradient(circle at center,#151525 0,#0a0a1a 100%);border-top:1px solid rgba(0,255,204,.1);border-bottom:1px solid rgba(0,255,204,.1);overflow:hidden}.dashboard-section h2{font-size:2.8rem;margin-bottom:1rem}.dashboard-section p{font-size:1.15rem;color:#b0b0b0;margin-bottom:3rem}.chart-wrapper{max-width:900px;width:100%;margin:0 auto;background:rgba(20,20,30,.9);padding:2.5rem;border-radius:20px;border:2px solid rgba(0,255,204,.4);box-shadow:0 0 30px rgba(0,255,204,.6),inset 0 0 20px rgba(0,255,204,.3);overflow:hidden}.about-details,.broker-grid{display:grid;max-width:1200px;margin:0 auto}.about-details,.brokers{padding:6rem 2rem;overflow:hidden}.broker-card,.pricing-card{box-shadow:0 0 20px rgba(0,255,204,.2);transition:transform .4s,box-shadow .4s,background .4s}.chart-wrapper canvas{width:100%!important;height:auto!important}.about-details{background:rgba(0,0,0,.8);border-top:2px solid #0fc;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;text-align:left}.broker-grid,.pricing-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.about-details h3{font-size:1.8rem;color:#0fc;margin-bottom:1rem;text-shadow:0 0 10px #0fc}.brokers h2,.pricing-title{text-shadow:0 0 15px #0fc,0 0 25px rgba(0,255,204,.5)}.about-details p,.about-details ul{font-size:1.05rem;line-height:1.8;color:silver}.about-details>p,.about-details>ul{grid-column:1/-1;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.about-details ul{list-style-type:none;padding-left:0;margin-top:1.5rem;text-align:left}.about-details ul li{margin-bottom:.8rem;padding-left:2rem;position:relative}.about-details ul li::before{content:"⚡";position:absolute;left:0;color:#0fc;font-size:1.2em;filter:drop-shadow(0 0 5px #00ffcc)}.brokers{background:#0d0d1a;border-top:1px solid rgba(0,255,204,.1)}.brokers h2{font-size:2.8rem;margin-bottom:1.5rem;color:#0fc}.brokers p{max-width:700px;margin:0 auto 3rem;font-size:1.15rem;color:#b0b0b0}.broker-grid{gap:35px;justify-content:center}.broker-card{background:rgba(15,15,25,.8);border:1px solid rgba(0,255,204,.3);padding:30px;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;width:100%}.payments,.pricing-section{padding:6rem 2rem;border-top:1px solid rgba(0,255,204,.1);overflow:hidden}.broker-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 10px 40px rgba(0,255,204,.5);background:rgba(20,20,35,.9)}.broker-card img{width:100px;height:auto;margin-bottom:20px;filter:drop-shadow(0 0 8px rgba(0, 255, 204, .7));transition:filter .3s}.broker-card:hover img{filter:drop-shadow(0 0 12px #00ffcc)}.broker-card h3{color:#0fc;font-size:1.4rem;margin-bottom:10px}.broker-card p{font-size:1rem;color:silver;margin-bottom:0;line-height:1.5}.payments{background:radial-gradient(circle at center,#0a0a1a 0,#000 100%);border-bottom:1px solid rgba(0,255,204,.1)}.payments h2{font-size:2.8rem;margin-bottom:2rem;color:#0fc}.payment-grid{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;max-width:900px;margin:0 auto;width:100%}.payment-grid img{height:70px;width:auto;filter:drop-shadow(0 0 10px rgba(0, 255, 204, .5));transition:transform .3s,filter .3s}.payment-grid img:hover{transform:scale(1.2);filter:drop-shadow(0 0 15px #00ffcc)}.pricing-section{background:rgba(0,0,0,.9)}.pricing-title{font-size:2.8rem;color:#0fc;margin-bottom:3.5rem}.close-button,.footer-brand h2,.price{text-shadow:0 0 10px #0fc}.pricing-container{display:grid;gap:35px;max-width:1200px;margin:auto}.pricing-card{background:rgba(15,15,25,.9);border:1px solid rgba(0,255,204,.3);border-radius:20px;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;width:100%}.pricing-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 15px 40px rgba(0,255,204,.5);background:rgba(20,20,35,.95)}.pricing-card.featured-card{border-color:#0fc;box-shadow:0 0 30px rgba(0,255,204,.7),inset 0 0 15px rgba(0,255,204,.4);transform:scale(1.03);position:relative;overflow:hidden}.pricing-card.featured-card::before{content:'POPULAR';position:absolute;top:0;right:0;background:#0fc;color:#000;font-weight:700;padding:5px 15px;border-bottom-left-radius:10px;transform:rotate(45deg) translate(20px,-10px);transform-origin:top right;box-shadow:0 0 10px rgba(0,255,204,.7)}.footer-newsletter button,.pricing-card button{background:linear-gradient(45deg,#0fc,#00e6b8);border:none;width:100%;font-weight:700}.pricing-card.featured-card:hover{box-shadow:0 0 45px rgba(0,255,204,.9),inset 0 0 20px rgba(0,255,204,.6)}.pricing-card h3{font-size:1.8rem;color:#0fc;margin-bottom:.8rem}.price{font-size:3rem;color:#0fc;margin:1.5rem 0;font-weight:700}.pricing-card p{color:silver;margin-bottom:1.5rem;font-size:1.05rem}.benefits{list-style:none;padding:0;margin:1.5rem 0 2.5rem;text-align:left;color:#e0e0e0;flex-grow:1}.benefits li{margin:.7rem 0;font-size:1rem;padding-left:1.8rem;position:relative;line-height:1.4}.benefits li::before{content:'✅';position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.9em;filter:drop-shadow(0 0 3px #00ffcc)}.benefits li:has(> .icon-cross)::before{content:'❌';color:red;filter:drop_shadow(0 0 3px #ff0000)}.pricing-card button{color:#000;padding:1rem 2.5rem;font-size:1.1rem;border-radius:15px;cursor:pointer;box-shadow:0 0 15px rgba(0,255,204,.7),0 0 30px rgba(0,255,204,.4);transition:.3s}.pricing-card button:hover{background:linear-gradient(45deg,#00e6b8,#0c9);color:#111;transform:translateY(-5px) scale(1.02);box-shadow:0 0 25px rgba(0,255,204,.9),0 0 50px rgba(0,255,204,.6)}.footer-section{background:linear-gradient(to top,#050510,#101020);color:#e0e0e0;padding:5rem 2rem 2rem;border-top:2px solid rgba(0,255,204,.3);box-shadow:0 -8px 30px rgba(0,255,204,.15);text-align:center;overflow:hidden}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:3rem;max-width:1200px;margin:auto;padding-bottom:3rem;text-align:left;width:100%}.footer-brand .footer-logo-img{height:60px;width:auto;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(0, 0, 0, .96));transition:filter .3s}.footer-brand .footer-logo-img:hover{filter:drop-shadow(0 0 15px rgba(0, 0, 0, .96)) ) drop-shadow(0 0 25px rgba(0, 0, 0, .96))}.footer-brand h2{font-size:2.5em;color:#0fc;margin-bottom:1rem}.footer-brand p{font-size:.95rem;color:#b0b0b0;line-height:1.7}.footer-container h3{color:#0fc;text-shadow:0 0 5px #0fc;margin-bottom:1.2rem;font-size:1.5rem}.footer-container li,.footer-container p{font-size:.9rem;line-height:1.8;color:silver}.footer-container ul{list-style:none;padding:0}.footer-container ul li{margin-bottom:.6rem}.footer-container a{color:#00e6b8;transition:color .3s,text-shadow .3s}#scrollTopBtn,.footer-newsletter button{color:#000;transition:.3s;cursor:pointer}.footer-container a:hover{color:#fff;text-shadow:0 0 8px #00e6b8}.footer-newsletter form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.footer-newsletter input[type=email]{padding:1rem 1.2rem;border:1px solid rgba(0,255,204,.4);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:1rem;outline:0;transition:border-color .3s,box-shadow .3s;width:100%}.footer-newsletter input[type=email]::placeholder{color:#aaa}.footer-newsletter input[type=email]:focus{border-color:#0fc;box-shadow:0 0 12px rgba(0,255,204,.6)}.footer-newsletter button{padding:1rem 1.5rem;border-radius:10px;font-size:1.05rem;box-shadow:0 0 10px rgba(0,255,204,.5)}.footer-newsletter button:hover{background:linear-gradient(45deg,#00e6b8,#0c9);transform:translateY(-3px);box-shadow:0 5px 20px rgba(0,255,204,.6)}.footer-bottom{border-top:1px solid rgba(0,255,204,.1);padding-top:2rem;margin-top:2.5rem;font-size:.9rem;text-align:center;color:#888;overflow:hidden}.footer-bottom .socials{display:flex;justify-content:center;gap:1.8rem;margin-top:1.5rem;margin-bottom:2rem}.footer-bottom .socials a img{width:32px;height:32px;filter:invert(.8) sepia(1) saturate(5) hue-rotate(150deg);transition:transform .3s,filter .3s}.footer-bottom .socials a:hover img{transform:scale(1.4);filter:invert(.5) sepia(1) saturate(10) hue-rotate(120deg) drop-shadow(0 0 12px #00ffcc)}#scrollTopBtn{position:fixed;bottom:35px;right:35px;z-index:100;font-size:1.8rem;background:#0fc;border:none;border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 15px #0fc,0 0 30px rgba(0,255,204,.6);opacity:0;visibility:hidden}#scrollTopBtn:hover{transform:translateY(-3px) scale(1.1)}#scrollTopBtn.show{opacity:1;visibility:visible}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9);justify-content:center;align-items:center}.modal.show{display:flex}.modal-content{background:linear-gradient(to bottom right,#1a1a2a,#0a0a1a);margin:auto;padding:30px;border:2px solid #0fc;border-radius:20px;width:90%;max-width:600px;box-shadow:0 0 50px rgba(0,255,204,.7);position:relative;text-align:center;transform:scale(.9);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out}.modal.show .modal-content{transform:scale(1);opacity:1}.close-button{color:#0fc;font-size:35px;font-weight:700;position:absolute;top:15px;right:25px;cursor:pointer;transition:color .3s,transform .3s}.close-button:focus,.close-button:hover{color:#fff;transform:rotate(90deg);text-decoration:none}.modal-content h3{font-size:2.2rem;color:#0fc;margin-bottom:10px;text-shadow:0 0 12px rgba(0,255,204,.8)}.modal-content p{font-size:1.1rem;color:silver;margin-bottom:15px}#modalPlanPrice{font-size:1.8rem;font-weight:700;color:#00e6b8;text-shadow:0 0 8px #00e6b8;margin-bottom:25px}.modal-description{font-size:1.2rem;margin-bottom:30px;color:#e0e0e0}.payment-options{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}.payment-option{background:rgba(0,0,0,.6);border:1px solid rgba(0,255,204,.4);border-radius:15px;padding:25px;text-align:center;transition:transform .3s,box-shadow .3s}.payment-option:hover{transform:translateY(-5px);box-shadow:0 0 25px rgba(0,255,204,.6)}.payment-option img{height:50px;margin-bottom:15px;filter:drop-shadow(0 0 8px rgba(0, 255, 204, .7))}.payment-option h4{font-size:1.5rem;color:#0fc;margin-bottom:10px}.payment-option p{font-size:1rem;color:#b0b0b0;line-height:1.6;margin-bottom:10px}.crypto-details{background:#0d0d1a;border:1px dashed rgba(0,255,204,.4);padding:15px;border-radius:10px;margin-top:20px;position:relative}.crypto-address-wrapper{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;word-break:break-all}#btcAddress,#ethAddress,#usdtAddress{font-family:Orbitron,monospace;font-size:1.1rem;color:#0fc;padding:5px 10px;background:rgba(0,255,204,.1);border-radius:5px;user-select:all}.copy-btn{background-color:#0fc;color:#000;border:none;padding:8px 15px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:700;transition:background-color .3s,transform .3s}.copy-btn:hover{background-color:#00e6b8;transform:scale(1.05)}.modal-content .payment-option .crypto-details .qr-code{width:300px;height:300px;max-width:100%;border:3px solid #0fc;border-radius:8px;box-shadow:0 0 15px rgba(0,255,204,.5);display:block;margin:20px auto}.network-info{font-size:.9rem;color:#888;margin-top:5px;text-shadow:none}.paypal-btn{display:inline-block;background:#0070ba;color:#fff;padding:12px 25px;border-radius:30px;font-weight:700;font-size:1.1rem;margin-top:20px;transition:background-color .3s,transform .3s,box-shadow .3s;box-shadow:0 5px 20px rgba(0,112,186,.4)}.paypal-btn:hover{background:#005a9c;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(0,112,186,.6)}.important-note{font-size:.9rem;color:#f66;margin-top:15px}.contact-support{font-size:.95rem;color:#999;margin-top:25px}.contact-support a{color:#00e6b8}.contact-support a:hover{text-decoration:underline}@media (max-width:1024px){.hero h1{font-size:3.2rem}.hero p{font-size:1.2rem}.about-details p,.about-details ul,.hero-subtext{font-size:1rem}.hero-btn,.pricing-card button{padding:.9rem 2.2rem;font-size:1em}.brokers h2,.dashboard-section h2,.payments h2,.price,.pricing-title{font-size:2.5rem}.market-section{gap:30px;padding:3rem 1.5rem}.chart-container,.news-container{flex:1 1 100%;max-width:none}.brokers p,.dashboard-section p{font-size:1.05rem}.chart-wrapper{padding:2rem}.about-details{gap:2rem;padding:4rem 1.5rem}.about-details h3{font-size:1.6rem}.broker-grid,.pricing-container{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}.broker-card{padding:25px}.payments,.pricing-section{padding:4rem 1.5rem}.footer-container,.payment-grid{gap:2rem}.payment-grid img{height:60px}.pricing-title{margin-bottom:2.5rem}.pricing-card{padding:2.5rem}.footer-section{padding:4rem 1.5rem 1.5rem}}@media (max-width:768px){.footer-brand .footer-logo-img{height:50px}.about-details,.brokers,.payments,.pricing-section,section{padding:3rem 1rem}.hero{padding:8rem 1rem 4rem}.hero h1{font-size:2rem;margin-bottom:1rem}.hero p{font-size:.95rem;margin-bottom:1.2rem}.hero-subtext{font-size:.85rem;margin-bottom:2rem}.hero-btn{padding:.75rem 1.8rem;font-size:.9em}.market-section{flex-direction:column;align-items:center;gap:25px;padding:2.5rem 1rem}.chart-container,.news-container{min-width:unset;width:100%;padding:15px}.tradingview-widget-container{height:300px}.news-container iframe{height:250px}.brokers h2,.dashboard-section h2,.payments h2,.pricing-title{font-size:2rem;margin-bottom:1.5rem}.brokers p,.dashboard-section p{font-size:.95rem;margin-bottom:2rem}.chart-wrapper{padding:1rem}.about-details h3{font-size:1.4rem}.about-details p,.about-details ul{font-size:.9rem}.about-details ul li{padding-left:1.5rem;margin-bottom:.5rem}.broker-grid,.pricing-container{grid-template-columns:1fr;gap:20px;max-width:350px}.broker-card{padding:20px}.broker-card img{width:80px;margin-bottom:15px}.broker-card h3{font-size:1.2rem}.broker-card p{font-size:.85rem}.payment-grid{gap:1rem}.payment-grid img{height:45px}.pricing-title{font-size:2rem;margin-bottom:2rem}.pricing-card{padding:1.8rem}.price{font-size:2.2rem;margin:1rem 0}.pricing-card p{font-size:.95rem;margin-bottom:1rem}.benefits{margin:1rem 0 1.5rem}.benefits li{font-size:.9rem;padding-left:1.5rem}.pricing-card button{padding:.8rem 1.8rem;font-size:.95em}.footer-section{padding:2.5rem 1rem 1rem}.footer-container{grid-template-columns:1fr;text-align:center;gap:1.5rem}.footer-container h3{margin-top:1rem;font-size:1.3rem}.footer-bottom,.footer-brand p,.footer-container li,.footer-container p{font-size:.8rem}.footer-newsletter input[type=email]{width:100%;padding:.8rem 1rem}.footer-newsletter button{width:90%}.footer-bottom{padding-top:1.5rem;margin-top:2rem}.footer-bottom .socials{gap:1.2rem;margin-bottom:1.5rem}.footer-bottom .socials a img{width:28px;height:28px}#scrollTopBtn{bottom:15px;right:15px;width:45px;height:45px;font-size:1.5rem}}@media (max-width:375px){.footer-brand .footer-logo-img,.payment-grid img{height:40px}.navbar{padding:15px 10px}.nav-logo{font-size:1.6em}.hamburger{margin-left:10px}.nav-links{width:220px}.hero h1{font-size:1.8rem}.about-details p,.about-details ul,.hero p{font-size:.85rem}.hero-subtext{font-size:.75rem}.hero-btn{padding:.6rem 1.5rem;font-size:.8em}.about-details,.brokers,.dashboard-section,.footer-section,.market-section,.payments,.pricing-section{padding:2rem .5rem}.chart-container,.news-container{padding:10px}.tradingview-widget-container{height:250px}.news-container iframe{height:200px}.chart-wrapper{padding:.8rem}.about-details h3{font-size:1.3rem}.about-details ul li{padding-left:1.2rem}.broker-grid,.pricing-container{max-width:280px;gap:15px}.broker-card,.pricing-card{padding:1.5rem}.payment-grid{gap:.8rem}.price{font-size:2rem}.pricing-card button{padding:.7rem 1.5rem;font-size:.9em}.footer-container{gap:1rem}.footer-brand h2{font-size:2em}.footer-newsletter button{width:100%}.footer-bottom .socials{gap:1rem;margin-bottom:1rem}.footer-bottom .socials a img{width:24px;height:24px}}

#installAppButton {
    position: fixed; /* Essential for sticking to the viewport */
    right: 20px;
    z-index: 999; /* Ensure it's above most content */
    height: auto; /* Allow natural height */
    padding: 12px 25px;
    background-color: #0fc;
    color: #000;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 0 15px rgba(0, 255, 204, 0.6);

    /* Initial state: Hidden, off-screen at the bottom */
    opacity: 0;
    pointer-events: none; /* Not clickable when hidden */
    bottom: 20px; /* Its fixed position when at the bottom of the screen */
    top: auto;    /* 'top' is auto when 'bottom' is active */
    transform: translateY(100px); /* Pushes it 100px below its 'bottom: 20px' fixed point */

    /* --- The magic transition for smooth movement and fading --- */
    /* Explicitly list all properties that should animate smoothly */
    transition: 
        opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1),
        transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1),
        top 0.5s cubic-bezier(0.25, 0.8, 0.25, 1),
        bottom 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- State 1: Visible at the bottom (initial appearance) --- */
#installAppButton.visible-bottom {
    opacity: 1; /* Fully opaque */
    pointer-events: auto; /* Make it clickable */
    transform: translateY(0); /* Slides up to its actual 'bottom: 20px' position */
    bottom: 20px; /* Explicitly ensure it's at the bottom */
    top: auto;
}

/* --- State 2: Sticky at the top (triggered by scroll) --- */
#installAppButton.sticky-top {
    bottom: auto; /* Deactivate bottom positioning */
    top: 115px;   /* Your confirmed top position for sticky */
    transform: translateY(0); /* Ensure no additional transform offset */
    /* Opacity and pointer-events remain as set by .visible-bottom */
}

/* Hover effect */
#installAppButton:hover {
    background-color: #0bd;
    box-shadow: 0 0 30px rgba(0, 255, 204, 0.8), 0 0 60px rgba(0, 255, 204, 0.4);
    transform: translateY(-2px); /* Slight lift effect */
}

/* Active state (when clicked) */
#installAppButton:active {
    transform: translateY(0);
    box-shadow: 0 0 10px rgba(0, 255, 204, 0.4);
}