.premium-backdrop{position:relative;background:#0a11284d;overflow:hidden;padding:7rem 2rem 5rem}
.light-mode .premium-backdrop{background:#f0f5ff4d}
.premium-lighting{position:absolute;width:40%;height:100%;top:0;z-index:0;opacity:.15;pointer-events:none;filter:blur(100px)}
.premium-lighting.left{left:-20%;background:radial-gradient(ellipse at center,#2b7fffb3,transparent 70%);animation:pulseLight 15s infinite alternate ease-in-out}
.premium-lighting.right{right:-20%;background:radial-gradient(ellipse at center,#8338ecb3,transparent 70%);animation:pulseLight 15s infinite alternate-reverse ease-in-out}
@keyframes pulseLight {
0%{opacity:.08;transform:scale(0.8)}
100%{opacity:.15;transform:scale(1.2)}
}
.concept-heading{text-align:center;position:relative;z-index:2;margin-bottom:3.5rem}
.section-tagline{font-size:.85rem;font-weight:600;letter-spacing:2px;color:var(--primary);margin-bottom:1rem;opacity:.9}
.section-subtitle{font-size:1.3rem;line-height:1.6;max-width:800px;margin:1.5rem auto 0;color:var(--text);font-weight:500}
.highlight-text{color:var(--tertiary);font-weight:700;position:relative;display:inline-block}
.highlight-text::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:#8338ec33;border-radius:2px}
.availability-counter{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2.5rem;background:#141e3c80;border-radius:50px;padding:.6rem 1.2rem;border:1px solid #2b7fff33;box-shadow:0 8px 20px #0000001a;max-width:450px;margin-left:auto;margin-right:auto}
.light-mode .availability-counter{background:#fffc}
.counter-label{font-size:.95rem;font-weight:600;color:var(--text)}
.counter-value{font-size:1.5rem;font-weight:800;background:var(--gradient-alt);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .5rem;position:relative}
.counter-value::before{top:-2px!important;left:-2px!important;width:calc(100% + 4px)!important;height:calc(100% + 4px)!important;border-radius:4px!important;background:#8338ec1a!important}
.counter-action .counter-button{display:inline-block;padding:.5rem 1rem;background:var(--gradient-alt);color:#fff;text-decoration:none;font-weight:700;border-radius:100px;font-size:.85rem;transition:all .3s ease;box-shadow:0 4px 15px #8338ec4d;white-space:nowrap}
.counter-action .counter-button:hover{transform:translateY(-3px);box-shadow:0 7px 20px #8338ec66}
.premium-faq-wrapper{position:relative;z-index:2;max-width:1100px;margin:0 auto}
.faq-card.premium-card{background:#0f173299;border-radius:20px;border:1px solid #2b7fff33;overflow:hidden;margin-bottom:2rem;box-shadow:0 15px 40px #0000001a;transition:all .4s cubic-bezier(0.25,0.8,0.25,1)}
.light-mode .faq-card.premium-card{background:#fffc}
.light-mode .feature-card{background:#fff!important;border:1px solid #2b7fff1a;box-shadow:0 10px 20px #0000000d}
.faq-card.premium-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000026;border-color:#8338ec4d}
.faq-card.premium-card .faq-question{padding:1.8rem 2.5rem;display:flex;align-items:center;cursor:pointer;position:relative}
.faq-card.premium-card .faq-question::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:var(--gradient);opacity:0;transition:opacity .4s ease}
.faq-card.premium-card:hover .faq-question::before,.faq-card.premium-card.active .faq-question::before{opacity:1}
.faq-number{font-size:1rem;font-weight:800;color:var(--primary);margin-right:1.5rem;opacity:.7;transition:all .3s ease}
.faq-card.premium-card:hover .faq-number,.faq-card.premium-card.active .faq-number{opacity:1}
.faq-card.premium-card .faq-question-text{font-size:1.3rem;font-weight:700;flex:1;position:relative;transition:all .3s ease}
.faq-card.premium-card:hover .faq-question-text,.faq-card.premium-card.active .faq-question-text{color:var(--primary)}
.faq-card.premium-card .faq-question-icon{width:36px;height:36px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .4s ease;box-shadow:0 5px 15px #2b7fff4d}
.faq-card.premium-card.active .faq-question-icon{transform:rotate(135deg);background:var(--gradient-alt)}
.faq-card.premium-card .faq-answer{padding:0 2.5rem 2.5rem;color:var(--text);line-height:1.7;font-size:1.05rem}
.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:2.5rem;align-items:center}
.grid-visual{position:relative;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 15px 30px #00000026;transition:all .3s ease}
.grid-visual:hover{transform:scale(1.03);box-shadow:0 20px 40px #0003}
.premium-image{width:100%;height:auto;display:block;transition:all .3s ease}
.process-flow{margin:2.5rem 0}
.flow-steps{display:flex;gap:0;position:relative}
.flow-steps::before{content:'';position:absolute;top:30px;left:25px;width:calc(100% - 50px);height:2px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 50%,var(--tertiary) 100%);opacity:.3;z-index:0}
.flow-step.premium-step{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center;position:relative;z-index:1;opacity:0;transform:translateY(20px);transition:all .5s ease}
.flow-step.premium-step.flow-step-visible{opacity:1;transform:translateY(0)}
.flow-step.premium-step .step-icon{width:60px;height:60px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:1.5rem;position:relative;transition:all .3s ease;box-shadow:0 10px 20px #2b7fff4d}
.flow-step.premium-step:hover .step-icon{transform:translateY(-5px);box-shadow:0 15px 30px #2b7fff66}
.flow-step.premium-step:nth-child(2) .step-icon{background:var(--gradient-start)}
.flow-step.premium-step:nth-child(3) .step-icon{background:var(--gradient-boost)}
.flow-step.premium-step:nth-child(4) .step-icon{background:var(--gradient-elite)}
.flow-step.premium-step:nth-child(5) .step-icon{background:var(--gradient-ultime)}
.flow-step.premium-step .step-content{padding:0 1rem}
.flow-step.premium-step .step-title{font-size:1rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}
.flow-step.premium-step .step-desc{font-size:.85rem;color:var(--text);opacity:.8;line-height:1.5}
.benefit-callout{background:#2b7fff1a;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;border-left:4px solid var(--primary);margin-top:2.5rem}
.callout-icon{width:50px;height:50px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0;box-shadow:0 10px 20px #2b7fff4d}
.benefit-callout p{font-size:1.1rem;font-weight:500;margin:0}
.premium-advantages{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2.5rem 0}
.advantage-item{background:#2b7fff0d;border-radius:16px;padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}
.advantage-item:hover{transform:translateY(-10px);background:#2b7fff1a}
.advantage-item.highlight-item{background:#8338ec1a;border:1px solid #8338ec33;box-shadow:0 10px 30px #0000001a}
.advantage-item.highlight-item:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 40px #00000026}
.advantage-item.highlight-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-alt)}
.advantage-icon{width:70px;height:70px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;margin-bottom:1.5rem;transition:all .3s ease;box-shadow:0 10px 20px #2b7fff4d}
.advantage-item:hover .advantage-icon{transform:scale(1.1)}
.advantage-item.highlight-item .advantage-icon{background:var(--gradient-alt);box-shadow:0 10px 20px #8338ec4d}
.advantage-content h4{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--text)}
.advantage-content p{font-size:.9rem;line-height:1.5;color:var(--text);opacity:.9;margin:0}
.example-calculation{background:#0f173280;border-radius:16px;padding:2rem;margin:2.5rem 0;position:relative;overflow:hidden;border:1px solid #2b7fff1a}
.light-mode .example-calculation{background:#ffffff80}
.example-calculation::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(145deg,#2b7fff0d,#8338ec0d);z-index:-1}
.example-calculation h4{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary);text-align:center}
.calculation-grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem 2rem}
.calc-item{text-align:center;min-width:150px}
.calc-icon{font-size:1.5rem;font-weight:700;color:var(--text)}
.calc-value{font-size:1.8rem;font-weight:800;margin-bottom:.5rem;color:var(--primary)}
.calc-label{font-size:.9rem;color:var(--text);opacity:.8}
.calc-item.highlight .calc-value{background:var(--gradient-alt);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:2.2rem}
.calculation-note{font-size:.8rem;color:var(--text);opacity:.7;text-align:center;margin-top:1.5rem}
.availability-alert{background:#8338ec1a;border-radius:100px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1.5rem;margin-top:2.5rem;border:1px solid #8338ec33;box-shadow:0 10px 30px #0000001a}
.alert-icon{width:40px;height:40px;border-radius:50%;background:var(--gradient-alt);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;flex-shrink:0;box-shadow:0 5px 15px #8338ec4d;animation:pulse 2s infinite}
.alert-content{flex:1}
.alert-title{font-size:.9rem;font-weight:700;color:var(--tertiary)}
.alert-text{font-size:.85rem;color:var(--text)}
.alert-action{padding:.6rem 1.5rem;background:var(--gradient-alt);color:#fff;text-decoration:none;font-weight:700;border-radius:100px;font-size:.85rem;white-space:nowrap;transition:all .3s ease;box-shadow:0 5px 15px #8338ec4d}
.alert-action:hover{transform:translateY(-3px);box-shadow:0 10px 25px #8338ec66}
.dashboard-showcase{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin:2.5rem 0;align-items:center}
.dashboard-preview{border-radius:var(--border-radius);overflow:hidden;box-shadow:0 20px 50px #0003;transition:all .3s ease;transform:perspective(1000px) rotateY(-5deg)}
.dashboard-preview:hover{transform:perspective(1000px) rotateY(0deg);box-shadow:0 30px 70px #0000004d}
.dashboard-features{display:flex;flex-direction:column;gap:1.5rem}
.feature-group{background:#2b7fff0d;border-radius:12px;padding:1.5rem;transition:all .3s ease}
.feature-group:hover{transform:translateX(10px);background:#2b7fff1a}
.feature-group.highlight-group{background:#8338ec1a;border-left:4px solid var(--tertiary)}
.feature-group.highlight-group:hover{background:#8338ec26}
.feature-group h4{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--text);display:flex;align-items:center;gap:.8rem}
.feature-group h4 i{color:var(--primary)}
.feature-group.highlight-group h4 i{color:var(--tertiary)}
.feature-list{list-style:none;padding:0;margin:0}
.feature-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.9rem;line-height:1.5;color:var(--text);opacity:.9}
.feature-list li::before{content:'✓';color:var(--primary);position:absolute;left:0;font-weight:700}
.feature-group.highlight-group .feature-list li::before{color:var(--tertiary)}
.access-info{background:#2b7fff0d;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;margin-top:2.5rem}
.info-icon{width:50px;height:50px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}
.info-content{flex:1}
.info-content p{font-size:1rem;margin:0}
.action-container{text-align:center;margin-top:2.5rem}
.premium-button{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--gradient);color:#fff;text-decoration:none;font-weight:700;border-radius:100px;transition:all .3s ease;box-shadow:0 10px 25px #2b7fff4d;position:relative;overflow:hidden}
.premium-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transform:skewX(-20deg);transition:all .5s ease}
.premium-button:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2b7fff66}
.premium-button:hover::before{left:200%}
.premium-button i{font-size:.9rem;transition:transform .3s ease}
.premium-button:hover i{transform:translateX(5px)}
.floating-cta{position:fixed;bottom:30px;right:30px;z-index:1000;opacity:0;transform:translateY(20px);transition:all .5s ease;visibility:hidden}
.floating-cta.visible{opacity:1;transform:translateY(0);visibility:visible}
.cta-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100px;background:#8338ec4d;animation:ctaPulse 2s infinite;z-index:-1}
@keyframes ctaPulse {
0%{transform:scale(1);opacity:.3}
50%{transform:scale(1.1);opacity:.5}
100%{transform:scale(1);opacity:.3}
}
.floating-cta .cta-button{padding:1rem 2rem;background:var(--gradient-alt);color:#fff;text-decoration:none;font-weight:700;border-radius:100px;font-size:1rem;box-shadow:0 10px 30px #8338ec66;position:relative;overflow:hidden;white-space:nowrap;display:block}
.btn-shine{position:absolute;top:0;left:-150%;width:150%;height:100%;background:linear-gradient(to right,#fff0 0%,#ffffff4d 50%,#fff0 100%);transform:skewX(-20deg);animation:btnShine 4s infinite}
@keyframes btnShine {
0%{left:-150%}
30%{left:-150%}
100%{left:150%}
}
.system-architecture{width:100%;background:#0f1732b3;border-radius:15px;overflow:hidden;border:1px solid #2b7fff33;box-shadow:0 20px 40px #0003}
.arch-header{background:linear-gradient(90deg,var(--primary-dark),var(--secondary));padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center}
.arch-title{font-weight:700;font-size:1rem;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(90deg,#fff,#e8f0ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 2px #0003;position:relative}
.arch-title::after{content:"";position:absolute;bottom:-3px;left:0;width:30px;height:2px;background:#ffffffb3;border-radius:1px}
.two-column-grid .grid-visual{padding-top:15px;margin-top:10px}
.faq-card:first-child .system-architecture{margin-top:15px}
.arch-header{background:linear-gradient(90deg,var(--primary-dark),var(--secondary));padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;margin-top:0;border-top-left-radius:15px;border-top-right-radius:15px}
.grid-visual{margin-top:15px;line-height:0}
.system-architecture{line-height:normal;display:block}
.light-mode .system-architecture{background:#f0f5ffb3}
.arch-status{background:#38b00033;border:1px solid #38b00066;color:#38b000;font-size:.7rem;font-weight:700;padding:.3rem .8rem;border-radius:50px}
.arch-diagram{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}
.arch-layer{display:flex;align-items:center;gap:1rem;position:relative}
.arch-layer .connector{position:absolute;top:100%;left:25px;height:1.5rem;width:2px;background:var(--primary)}
.layer-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;box-shadow:0 10px 20px #00000026}
.arch-layer.input .layer-icon{background:linear-gradient(135deg,#2B7FFF,#4361ee)}
.arch-layer.validation .layer-icon{background:linear-gradient(135deg,#4361ee,#3a0ca3)}
.arch-layer.algo .layer-icon{background:linear-gradient(135deg,#3a0ca3,#7209b7)}
.arch-layer.output .layer-icon{background:linear-gradient(135deg,#7209b7,#8338ec)}
.arch-layer.payment .layer-icon{background:linear-gradient(135deg,#8338ec,#ff006e)}
.layer-label{color:var(--text);font-weight:600;font-size:.95rem}
.technology-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}
.tech-card{background:#2b7fff0d;border-radius:12px;padding:1.5rem;text-align:center;border:1px solid #2b7fff1a;transition:all .3s ease}
.tech-card:hover{transform:translateY(-10px);background:#2b7fff1a;box-shadow:0 15px 30px #0000001a}
.tech-icon{width:60px;height:60px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin:0 auto 1rem;box-shadow:0 10px 20px #2b7fff4d}
.tech-title{font-size:1.1rem;font-weight:700;margin-bottom:.8rem;color:var(--text)}
.tech-desc{font-size:.9rem;line-height:1.5;color:var(--text);opacity:.9}
.associate-intro{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:2.5rem;align-items:center}
.circle-of-ten{width:100%;aspect-ratio:1/1;position:relative;background:#0f17324d;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #2b7fff33;box-shadow:0 20px 40px #00000026}
.light-mode .circle-of-ten{background:#f0f5ff4d}
.circle-center{width:30%;height:30%;background:var(--gradient);border-radius:50%;position:relative;z-index:1;box-shadow:0 10px 30px #2b7fff66}
.circle-center::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='white' d='M271.1 157.1c0 29.5-16.9 55.3-41.7 67.3L238.5 256h91l9.1-31.7c-24.8-12-41.7-37.8-41.7-67.3c0-41.4 33.6-75 75-75s75 33.6 75 75c0 29.5-16.9 55.3-41.7 67.3L414.5 256h91l9.1-31.7c-24.8-12-41.7-37.8-41.7-67.3c0-41.4 33.6-75 75-75s75 33.6 75 75c0 29.5-16.9 55.3-41.7 67.3L590.5 256H608c17.7 0 32 14.3 32 32c0 17.7-14.3 32-32 32H381.4c1.7 5.1 2.6 10.5 2.6 16.1V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V336.1c0-5.6 .9-11 2.6-16.1H32c-17.7 0-32-14.3-32-32c0-17.7 14.3-32 32-32h17.5l9.1-31.7c-24.8-12-41.7-37.8-41.7-67.3c0-41.4 33.6-75 75-75s75 33.6 75 75c0 29.5-16.9 55.3-41.7 67.3L134.5 256h91l9.1-31.7c-24.8-12-41.7-37.8-41.7-67.3c0-41.4 33.6-75 75-75s75 33.6 75 75zM64 157.1c0 13.8 11.2 25 25 25s25-11.2 25-25s-11.2-25-25-25s-25 11.2-25 25zm140 0c0 13.8 11.2 25 25 25s25-11.2 25-25s-11.2-25-25-25s-25 11.2-25 25zm150 0c0 13.8 11.2 25 25 25s25-11.2 25-25s-11.2-25-25-25s-25 11.2-25 25zm140 0c0 13.8 11.2 25 25 25s25-11.2 25-25s-11.2-25-25-25s-25 11.2-25 25z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.8}
.circle-positions{position:absolute;top:0;left:0;width:100%;height:100%}
.position{position:absolute;width:15%;height:15%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;box-shadow:0 0 4px #2b7fff66;transition:all .3s ease}
.position:hover{transform:scale(1.2);z-index:10;box-shadow:0 10px 30px #0000004d}
.position.taken{background:var(--gradient-alt)}
.position.available{background:var(--gradient);animation:pulse 2s infinite}
.position:nth-child(1){top:10%;left:50%;transform:translateX(-50%)}
.position:nth-child(2){top:25%;left:85%}
.position:nth-child(3){top:50%;left:95%;transform:translateY(-50%)}
.position:nth-child(4){top:75%;left:85%}
.position:nth-child(5){top:90%;left:50%;transform:translateX(-50%)}
.position:nth-child(6){top:75%;left:15%}
.position:nth-child(7){top:50%;left:5%;transform:translateY(-50%)}
.position:nth-child(8){top:25%;left:15%}
.position:nth-child(9){top:37%;left:37%}
.position:nth-child(10){top:63%;left:63%}
.revenue-projection{background:#0f173280;border-radius:16px;padding:2rem;margin:2.5rem 0;border:1px solid #2b7fff1a}
.light-mode .revenue-projection{background:#f0f5ff80}
.revenue-projection h4{font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:2rem;color:var(--primary)}
.projection-chart{width:100%}
.chart-bars{display:flex;height:300px;margin-bottom:1.5rem}
.chart-axis-y{display:flex;flex-direction:column;justify-content:space-between;padding-right:1rem;font-size:.9rem;color:var(--text);opacity:.8;margin-bottom:20px}
.bars-container{flex:1;display:flex;justify-content:space-around;align-items:flex-end;gap:2rem;padding:0 1rem;border-left:1px solid #2b7fff33;border-bottom:1px solid #2b7fff33}
.chart-bar{width:100%;max-width:80px;display:flex;flex-direction:column;align-items:center}
.bar-segment{width:100%;border-radius:8px 8px 0 0;position:relative;transition:all .5s ease}
.bar-segment.primary{background:var(--gradient);height:100px;z-index:2}
.bar-segment.secondary{background:var(--gradient-alt);height:100px;margin-top:-10px;z-index:1}
.segment-value{position:absolute;top:-25px;left:50%;transform:translateX(-50%);color:var(--text);font-weight:700;font-size:.9rem;white-space:nowrap}
.bar-label{margin-top:1rem;text-align:center;font-size:.9rem;font-weight:600;color:var(--text);opacity:.8;line-height:1.3}
.chart-legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem}
.legend-item{display:flex;align-items:center;gap:.8rem}
.legend-color{width:20px;height:20px;border-radius:4px}
.legend-color.primary{background:var(--gradient)}
.legend-color.secondary{background:var(--gradient-alt)}
.legend-text{font-size:.9rem;color:var(--text)}
.elite-benefits{margin:2.5rem 0}
.elite-benefits h4{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem;color:var(--primary);text-align:center}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.benefits-grid .benefit-item{background:#2b7fff0d;border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease;border:1px solid #2b7fff1a}
.benefits-grid .benefit-item:hover{transform:translateY(-10px);background:#2b7fff1a;box-shadow:0 15px 30px #0000001a}
.benefits-grid .benefit-item i{font-size:2rem;color:var(--primary);margin-bottom:1rem}
.benefits-grid .benefit-item p{font-size:.9rem;line-height:1.5;color:var(--text)}
.platform-overview{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:2.5rem;align-items:center}
.tech-stack{background:#0f173280;border-radius:16px;padding:2rem;border:1px solid #2b7fff33;box-shadow:0 20px 40px #00000026}
.light-mode .tech-stack{background:#f0f5ff80}
.tech-layer{margin-bottom:1.5rem}
.tech-layer:last-child{margin-bottom:0}
.layer-title{font-size:1rem;font-weight:700;color:var(--primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #2b7fff33}
.layer-elements{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.tech-element{background:#2b7fff1a;padding:.8rem .5rem;border-radius:8px;text-align:center;font-size:.85rem;font-weight:600;color:var(--text);transition:all .3s ease}
.tech-element:hover{transform:translateY(-5px);background:#2b7fff33;box-shadow:0 10px 20px #0000001a}
.platform-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem}
.feature-block{background:#2b7fff0d;border-radius:16px;padding:1.8rem;border:1px solid #2b7fff1a;transition:all .3s ease}
.feature-block:hover{transform:translateY(-10px);background:#2b7fff1a;box-shadow:0 15px 30px #0000001a}
.feature-block.highlight{background:#8338ec0d;border:1px solid #8338ec1a}
.feature-block.highlight:hover{background:#8338ec1a;box-shadow:0 15px 30px #00000026}
.feature-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.feature-header .feature-icon{width:50px;height:50px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;box-shadow:0 10px 20px #2b7fff4d}
.feature-block.highlight .feature-icon{background:var(--gradient-alt);box-shadow:0 10px 20px #8338ec4d}
.feature-header h4{font-size:1.1rem;font-weight:700;color:var(--text)}
.feature-block .feature-list{list-style:none;padding:0;margin:0}
.feature-block .feature-list li{padding:.7rem 0 .7rem 1.8rem;position:relative;font-size:.95rem;border-bottom:1px solid #2b7fff1a}
.feature-block .feature-list li:last-child{border-bottom:none}
.feature-block .feature-list li::before{content:'✓';color:var(--primary);position:absolute;left:0;font-weight:700}
.feature-block.highlight .feature-list li::before{color:var(--tertiary)}
.platform-security{background:#2b7fff0d;border-radius:16px;padding:1.8rem;display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;border:1px solid #2b7fff1a}
.security-icon{width:70px;height:70px;border-radius:50%;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff;flex-shrink:0;box-shadow:0 10px 20px #2b7fff4d}
.security-content h4{font-size:1.1rem;font-weight:700;margin-bottom:.8rem;color:var(--text)}
.security-content p{font-size:.95rem;line-height:1.6;color:var(--text);margin:0}
.mobile-compatibility{background:#0f173280;border-radius:16px;padding:2rem;display:flex;align-items:center;gap:2.5rem;margin-bottom:2.5rem;border:1px solid #2b7fff33}
.light-mode .mobile-compatibility{background:#f0f5ff80}
.devices-visual{display:flex;align-items:flex-end;gap:1.5rem;flex-shrink:0}
.device{background:#000;border-radius:12px;padding:10px;border:1px solid #fff3;box-shadow:0 10px 30px #0000004d}
.device.desktop{width:120px;height:90px}
.device.tablet{width:80px;height:110px}
.device.mobile{width:50px;height:90px}
.device-screen{width:100%;height:100%;background:var(--gradient);border-radius:4px;position:relative;overflow:hidden}
.device-screen::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%);animation:screenShine 3s infinite linear}
@keyframes screenShine {
0%{transform:translateX(-100%)}
100%{transform:translateX(100%)}
}
.compatibility-content h4{font-size:1.1rem;font-weight:700;margin-bottom:.8rem;color:var(--text)}
.compatibility-content p{font-size:.95rem;line-height:1.6;color:var(--text);margin:0}
@media screen and (max-width: 992px) {
.platform-overview,.associate-intro{grid-template-columns:1fr}
.technology-highlights{grid-template-columns:1fr}
.benefits-grid{grid-template-columns:repeat(2,1fr)}
.platform-features{grid-template-columns:1fr}
.mobile-compatibility{flex-direction:column;text-align:center}
.premium-advantages{grid-template-columns:1fr}
}
@media screen and (max-width: 768px) {
.premium-backdrop{padding:5rem 1.5rem 3rem}
.availability-counter{flex-direction:column;gap:1rem;padding:1.5rem}
.faq-card.premium-card .faq-question{padding:1.5rem}
.faq-card.premium-card .faq-answer{padding:0 1.5rem 1.5rem}
.flow-steps{flex-direction:column;gap:2rem}
.flow-steps::before{display:none}
.flow-step.premium-step{flex-direction:row;text-align:left;gap:1.5rem}
.flow-step.premium-step .step-icon{margin-bottom:0}
.benefit-callout{flex-direction:column;text-align:center;padding:1.5rem}
.availability-alert{flex-direction:column;border-radius:16px;padding:1.5rem;text-align:center;gap:1rem}
.calculation-grid{flex-direction:column}
.calc-icon{margin:.5rem 0}
.floating-cta{bottom:20px;right:20px}
.floating-cta .cta-button{padding:.8rem 1.5rem;font-size:.9rem}
.two-column-grid{grid-template-columns:1fr}
.platform-security{flex-direction:column;text-align:center}
.benefits-grid{grid-template-columns:1fr}
.chart-bars{height:250px}
.tech-layer{margin-bottom:1rem}
.layer-elements{grid-template-columns:1fr;gap:.5rem}
.arch-diagram{padding:1rem;gap:1rem}
}
@media screen and (max-width: 480px) {
.benefits-grid .benefit-item{padding:1rem}
.feature-header{flex-direction:column;text-align:center}
.chart-bars{height:200px}
}
.theme-transition,.theme-transition *,.theme-transition :before,.theme-transition :after{transition:all .6s ease!important;transition-delay:0s!important}
html{overflow-y:scroll!important}
.cashflooz-connector{position:relative;height:70px;width:100%;overflow:hidden;background:linear-gradient(180deg,#0a112800 0%,#2b7fff08 50%,#0a112800 100%)}
.cfz-flow-line{position:absolute;top:50%;left:0;width:100%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,transparent 0%,#2b7fff1a 20%,#2b7fff4d 50%,#2b7fff1a 80%,transparent 100%)}
.cfz-brand-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:var(--dark-card-bg);border-radius:10px;box-shadow:0 0 20px #2b7fff33;display:flex;align-items:center;justify-content:center;border:1px solid #2b7fff33;z-index:5}
.cfz-brand-icon::before{content:'CFZ';color:transparent;background:linear-gradient(135deg,#2B7FFF,#8338ec);-webkit-background-clip:text;background-clip:text;font-weight:700;font-size:16px;letter-spacing:-.5px}
.cfz-cash-flow{position:absolute;top:50%;transform:translateY(-50%);width:40%;height:2px;z-index:2}
.cfz-flow-left{right:50%;margin-right:25px}
.cfz-flow-right{left:50%;margin-left:25px}
.cfz-particle{position:absolute;top:0;width:8px;height:2px;border-radius:1px;opacity:0}
.cfz-flow-left .cfz-particle{background:linear-gradient(90deg,#2b7fff00,#2b7fffcc);right:0;animation:flowToCenter 2s infinite linear}
.cfz-flow-right .cfz-particle{background:linear-gradient(90deg,#8338eccc,#8338ec00);left:0;animation:flowFromCenter 2s infinite linear}
.cfz-particle-1{animation-delay:0s!important}
.cfz-particle-2{animation-delay:.67s!important}
.cfz-particle-3{animation-delay:1.33s!important}
.cfz-value-symbol{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;color:#2b7fff99;opacity:0;font-weight:700}
.cfz-value-left-1{right:35%;animation:fadeValue 3s infinite linear}
.cfz-value-left-2{right:55%;animation:fadeValue 3s infinite linear 1s}
.cfz-value-right-1{left:35%;animation:fadeValue 3s infinite linear .5s;color:#8338ec99}
.cfz-value-right-2{left:55%;animation:fadeValue 3s infinite linear 1.5s;color:#8338ec99}
.light-mode .cfz-brand-icon{background:var(--light-card-bg)}
@keyframes flowToCenter {
0%{right:100%;opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{right:0;opacity:0}
}
@keyframes flowFromCenter {
0%{left:0;opacity:0}
10%{opacity:1}
90%{opacity:1}
100%{left:100%;opacity:0}
}
@keyframes fadeValue {
0%{opacity:0;transform:translate(0,-50%) scale(0.8)}
30%{opacity:.8;transform:translate(0,-50%) scale(1)}
70%{opacity:.8;transform:translate(0,-50%) scale(1)}
100%{opacity:0;transform:translate(0,-50%) scale(1.2)}
}
@media (max-width: 768px) {
.cashflooz-connector{height:60px}
.cfz-brand-icon{width:32px;height:32px;border-radius:8px}
.cfz-brand-icon::before{font-size:14px}
.cfz-flow-left,.cfz-flow-right{width:30%}
}
.bg-animation,.bg-grid{display:none!important}
.particles{opacity:.15!important}
body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 20%,#2b7fff40 0%,transparent 25%),radial-gradient(circle at 85% 80%,#4361ee33 0%,transparent 30%),radial-gradient(circle at 50% 50%,#8338ec26 0%,transparent 35%),radial-gradient(circle at 25% 75%,#2b7fff2e 0%,transparent 25%),radial-gradient(circle at 75% 25%,#7209b726 0%,transparent 30%),linear-gradient(180deg,#030712 0%,#050819 15%,#070b20 30%,#090d28 50%,#070b20 70%,#050819 85%,#030712 100%);z-index:-3;transition:all 1s cubic-bezier(0.4,0,0.2,1)}
body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,#2b7fff1f 0%,transparent 20%),radial-gradient(circle at 70% 60%,#4361ee1a 0%,transparent 20%),radial-gradient(circle at 45% 85%,#8338ec14 0%,transparent 25%),radial-gradient(circle at 90% 10%,#2b7fff1a 0%,transparent 20%),radial-gradient(circle at 10% 90%,#7209b714 0%,transparent 25%);z-index:-2;pointer-events:none;animation:floatingLights 20s ease-in-out infinite}
@keyframes floatingLights {
0%,100%{transform:translate(0,0) scale(1)}
33%{transform:translate(30px,-30px) scale(1.1)}
66%{transform:translate(-20px,20px) scale(0.95)}
}
body.light-mode::before{background:radial-gradient(circle at 20% 30%,#2b7fff14 0%,transparent 40%),radial-gradient(circle at 80% 70%,#8338ec0d 0%,transparent 40%),radial-gradient(circle at 50% 90%,#4361ee0a 0%,transparent 50%),linear-gradient(180deg,#fff 0%,#f8faff 20%,#f0f4ff 40%,#e8efff 60%,#e0ebff 80%,#d8e5ff 100%)}
body.light-mode::after{background:radial-gradient(circle at 40% 20%,#2b7fff0d 0%,transparent 30%),radial-gradient(circle at 60% 80%,#8338ec08 0%,transparent 30%);animation:floatingLightsLight 25s ease-in-out infinite}
@keyframes floatingLightsLight {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-20px,10px)}
}
.light-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:-1}
body:not(.light-mode)::before{box-shadow:300px 200px 200px 50px #2b7fff26 800px 500px 300px 100px #8338ec1f 100px 600px 250px 80px #4361ee21 1200px 300px 200px 60px #7209b71a 500px 100px 180px 40px #2b7fff24 150px 400px 100px 20px #2b7fff33 900px 200px 80px 15px #8338ec2e 400px 700px 90px 25px #4361ee29 1000px 600px 70px 20px #2b7fff26}
.premium-card,.pack-structure,.tech-card{background:linear-gradient(135deg,#0a1128cc 0%,#0f1932b3 100%)!important;border:1px solid #2b7fff40!important;box-shadow:0 8px 32px #0000004d 0 0 80px #2b7fff0d inset 0 1px 0 #ffffff0d!important;position:relative;overflow:hidden}
.premium-card::before,.pack-structure::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#2b7fff1a 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.premium-card:hover::before,.pack-structure:hover::before{opacity:1}
body.light-mode .premium-card,body.light-mode .pack-structure,body.light-mode .tech-card{background:linear-gradient(135deg,#fffffff2 0%,#f8faffe6 100%)!important;border:1px solid #2b7fff26!important;box-shadow:0 8px 32px #2b7fff14 0 0 60px #2b7fff05 inset 0 1px 0 #ffff!important}
.navbar{background:linear-gradient(180deg,#050814fa 0%,#070b20f2 100%)!important;border-bottom:1px solid #2b7fff33!important;box-shadow:0 2px 20px #00000080 0 0 40px #2b7fff14!important}
body.light-mode .navbar{background:linear-gradient(180deg,#fffffffa 0%,#f8fafff2 100%)!important;border-bottom:1px solid #2b7fff1f!important;box-shadow:0 2px 20px #0000000d 0 0 30px #2b7fff08!important}
.btn-primary,.pack-button,.cta-button{background:var(--gradient)!important;position:relative;overflow:hidden;box-shadow:0 4px 20px #2b7fff66 0 0 40px #2b7fff33 inset 0 1px 0 #fff3!important}
.btn-primary::after,.pack-button::after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,#ffffff4d 0%,transparent 70%);transform:translate(-50%,-50%);transition:all .5s ease}
.btn-primary:hover::after,.pack-button:hover::after{width:300px;height:300px}
section{position:relative}
section::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#2b7fff1a 20%,#2b7fff4d 50%,#2b7fff1a 80%,transparent 100%);box-shadow:0 0 20px #2b7fff4d}
.section-title{text-shadow:0 0 30px #2b7fff4d 0 0 60px #2b7fff1a}
.counter-value,.metric-value,.stat-value{text-shadow:0 0 20px #2b7fff66 0 0 40px #2b7fff33}
input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 30px #2b7fff4d 0 0 60px #2b7fff1a inset 0 0 20px #2b7fff0d!important}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2B7FFF,#8338ec);box-shadow:0 0 10px #2b7fff80}
@keyframes lightPulse {
0%,100%{opacity:.5;transform:scale(1)}
50%{opacity:1;transform:scale(1.05)}
}
.pulse-light{animation:lightPulse 3s ease-in-out infinite}
body.light-mode{color:#1a202c!important}
body.light-mode .section-title{text-shadow:0 0 20px #2b7fff1a 0 0 40px #2b7fff0d}
body.light-mode .text-gradient{filter:brightness(0.9)}
body.light-mode::before{background:#fff!important;z-index:-3}
body.light-mode::after{background:radial-gradient(circle at 20% 30%,#2b7fff0a 0%,transparent 30%),radial-gradient(circle at 80% 70%,#8338ec08 0%,transparent 30%),radial-gradient(circle at 50% 50%,#4361ee05 0%,transparent 40%);z-index:-2;pointer-events:none;animation:none}
body.light-mode{background-color:#fff!important;color:#1a202c!important}
body.light-mode{box-shadow:none!important}
body.light-mode .navbar{background:#fffffffa!important;border-bottom:1px solid #00000014!important;box-shadow:0 2px 10px #00000008!important}
body.light-mode .premium-card,body.light-mode .pack-structure,body.light-mode .tech-card{background:#fff!important;border:1px solid #00000014!important;box-shadow:0 4px 12px #0000000d!important}
.theme-toggle{width:40px!important;height:40px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;top:70px!important}
.theme-toggle i{font-size:1.1rem!important;margin:0!important}
.theme-toggle:hover{transform:translateY(-2px)!important;box-shadow:0 4px 16px #2b7fff4d!important}
@media (max-width: 768px) {
.theme-toggle{width:40px!important;height:40px!important;top:70px!important}
.theme-toggle i{font-size:1.1rem!important}
}
.section-header{max-width:1280px;margin:0 auto;padding:1.5rem;position:relative}
.section-header-inner{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.section-number{font-size:3rem;font-weight:900;color:#2b7fff26;line-height:1;margin-right:1rem}
.section-divider{width:2px;height:60px;background:linear-gradient(180deg,transparent,var(--primary),transparent);margin:0 1rem}
.section-content{flex:1}
.section-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:.5rem}
.section-badge i{font-size:.8rem}
.section-main-title{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:.5rem;line-height:1.2}
.section-main-title .accent{color:var(--primary)}
.section-description{font-size:.9rem;color:var(--text);opacity:.7;max-width:600px;line-height:1.5}
.section-quick-stats{display:flex;gap:2rem;margin-left:auto;align-items:center}
.quick-stat{text-align:center}
.quick-stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--primary)}
.quick-stat-label{font-size:.7rem;color:var(--text);opacity:.6;text-transform:uppercase}
.section-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#2b7fff1a}
.section-progress-bar{height:100%;background:var(--gradient);width:0;transition:width 1s ease}
.section-header.in-view .section-progress-bar{width:100%}
@media (max-width: 768px) {
.section-header{margin-bottom:2rem;padding:1rem}
.section-number{font-size:2rem;margin-right:.5rem}
.section-divider{height:40px;margin:0 .5rem}
.section-quick-stats{display:none}
.section-main-title{font-size:1.25rem}
.section-description{font-size:.85rem}
}
@media (max-width: 480px) {
.section-header-inner{gap:.5rem}
.section-number{display:none}
.section-divider{display:none}
.section-content{width:100%}
.section-badge{font-size:.65rem}
.section-main-title{font-size:1.1rem}
.section-description{font-size:.8rem;line-height:1.4}
}
.light-mode .section-number{color:#2b7fff1a}
.light-mode .section-divider{opacity:.5}
.light-mode .section-progress{background:#2b7fff0d}
@media (min-width: 769px) {
section:not(.hero),[class*="-section"]:not(.hero),.premium-backdrop,.footer,.qc-section,.gb-section,.associes-section-ssc,.packs-section,.htx-dubai-section,.ct-contact{padding:24px 32px!important;margin:0 -4px!important}
.hero{margin:0 -4px!important;padding:120px 32px 24px!important}
}
@media (max-width: 768px) {
.page-transition{padding-bottom:50px!important}
}
.bg-animation{background:none!important;opacity:1!important}
body::before{background:#070d20!important;z-index:-2}
.bg-animation::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,#2b7fff26 0%,transparent 40%),radial-gradient(ellipse at 80% 70%,#8338ec1a 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,#4361ee14 0%,transparent 50%);pointer-events:none;z-index:-1}
.bg-grid{opacity:.3!important;background-size:40px 40px!important;background-image:linear-gradient(#2b7fff08 1px,transparent 1px),linear-gradient(90deg,#2b7fff08 1px,transparent 1px)!important}
.particles{opacity:.4!important}
.particle{background:#2b7fff99!important;width:2px!important;height:2px!important}
.light-mode body::before{background:#fff!important}
.light-mode .bg-animation::before{background:radial-gradient(ellipse at 20% 30%,#2b7fff0d 0%,transparent 40%),radial-gradient(ellipse at 80% 70%,#8338ec08 0%,transparent 40%)}
.light-mode .bg-grid{opacity:.5!important;background-image:linear-gradient(#2b7fff05 1px,transparent 1px),linear-gradient(90deg,#2b7fff05 1px,transparent 1px)!important}
.light-mode .particle{background:#4361ee66!important}
.premium-card,.faq-card,.pack-structure,.tech-card{background:#0a1128b3!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid #2b7fff33!important}
.light-mode .premium-card,.light-mode .faq-card,.light-mode .pack-structure,.light-mode .tech-card{background:#fffffff2!important;border:1px solid #2b7fff1a!important}
section:not(.hero){background:transparent!important}
.concept-tunnel-ssc,.associes-container-ssc > *,.qc-container > *,.gb-container > *{background-color:transparent!important}
body.animations-ready::after{display:none;animation:none!important}
.hero{margin-bottom:80px!important}
.qc-section,.gb-section,.associes-section-ssc,.packs-section,.htx-dubai-section,.contact-section{margin-top:40px!important;margin-bottom:80px!important}
.section-header{margin-top:60px!important;margin-bottom:30px!important}
.contact-section{margin-bottom:40px!important}
@media (max-width: 768px) {
.hero{margin-bottom:60px!important}
.qc-section,.gb-section,.associes-section-ssc,.packs-section,.htx-dubai-section,.contact-section{margin-top:30px!important;margin-bottom:60px!important}
.section-header{margin-top:40px!important;margin-bottom:20px!important}
}