.qc-section{padding:1.5rem 2rem;background:var(--background);position:relative}
.qc-container{max-width:1400px;margin:0 auto;padding:1rem}
.qc-header{text-align:center;margin-bottom:2rem}
.qc-header .section-title{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:'Montserrat',sans-serif;letter-spacing:-.5px}
.qc-subtitle{font-size:1.1rem;opacity:.85;margin:0;font-weight:500;font-family:'Montserrat',sans-serif}
.qc-desktop{display:block}
.qc-mobile{display:none}
.qc-cards-flow{display:flex;align-items:stretch;gap:0;margin-bottom:2rem;position:relative}
.qc-step-card{flex:1;background:var(--card-bg);border:2px solid var(--border);border-radius:15px;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(0.25,0.8,0.25,1);cursor:pointer;min-height:350px;display:flex;flex-direction:column}
.qc-step-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 30px #2b7fff33}
.qc-step-card[data-qc-step="1"]:hover{border-color:var(--success);box-shadow:0 10px 30px #38b00033}
.qc-step-card[data-qc-step="2"]:hover{border-color:var(--primary);box-shadow:0 10px 30px #2b7fff33}
.qc-step-card[data-qc-step="3"]:hover{border-color:var(--secondary);box-shadow:0 10px 30px #8338ec33}
.qc-step-card[data-qc-step="4"]:hover{border-color:var(--warning);box-shadow:0 10px 30px #ffbe0b33}
.qc-step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.qc-step-icon{width:50px;height:50px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transition:transform .3s ease}
.qc-step-card:hover .qc-step-icon{transform:scale(1.1) rotate(5deg)}
.qc-step-card[data-qc-step="1"] .qc-step-icon{background:var(--success)}
.qc-step-card[data-qc-step="2"] .qc-step-icon{background:var(--primary)}
.qc-step-card[data-qc-step="3"] .qc-step-icon{background:var(--secondary)}
.qc-step-card[data-qc-step="4"] .qc-step-icon{background:var(--warning)}
.qc-step-number{font-size:1.2rem;font-weight:900;color:var(--primary);opacity:.7;font-family:'Montserrat',sans-serif}
.qc-step-body{flex:1;display:flex;flex-direction:column}
.qc-step-title{font-size:1.3rem;font-weight:700;margin-bottom:.8rem;color:var(--text);font-family:'Montserrat',sans-serif;letter-spacing:-.3px;line-height:1.2}
.qc-step-desc{font-size:.95rem;line-height:1.6;color:var(--text);opacity:.8;margin-bottom:1rem;font-family:'Montserrat',sans-serif;font-weight:400}
.qc-step-visual{flex:1;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.qc-step-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text);font-family:'Montserrat',sans-serif}
.qc-status-dot{width:10px;height:10px;border-radius:50%;background:var(--border)}
.qc-status-dot.qc-completed{background:var(--success);animation:qc-pulse 2s infinite}
.qc-status-dot.qc-active{background:var(--primary);animation:qc-blink 1s infinite}
.qc-status-dot.qc-pending{background:var(--warning)}
.qc-link-connector{display:flex;align-items:center;justify-content:center;width:60px;position:relative;z-index:10}
.qc-link-path{position:relative;width:100%;height:40px}
.qc-link-svg{width:100%;height:100%}
.qc-link-line{stroke:var(--primary);stroke-width:2;opacity:.3}
.qc-link-dot{fill:var(--primary)}
.qc-link-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:var(--primary);border-radius:50%;opacity:.3;animation:qc-link-pulse 2s infinite}
@keyframes qc-link-pulse {
0%{transform:translate(-50%,-50%) scale(1);opacity:.3}
50%{transform:translate(-50%,-50%) scale(2);opacity:0}
100%{transform:translate(-50%,-50%) scale(1);opacity:.3}
}
.qc-payment-anim{position:relative;width:80px;height:80px}
.qc-card-visual{width:60px;height:40px;background:var(--gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}
.qc-payment-waves{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.qc-wave{position:absolute;width:80px;height:80px;border:2px solid var(--success);border-radius:50%;opacity:0;animation:qc-wave-expand 2s infinite;transform:translate(-50%,-50%)}
.qc-wave:nth-child(1){animation-delay:0s}
.qc-wave:nth-child(2){animation-delay:.66s}
.qc-wave:nth-child(3){animation-delay:1.33s}
@keyframes qc-wave-expand {
0%{transform:translate(-50%,-50%) scale(0.5);opacity:1}
100%{transform:translate(-50%,-50%) scale(2);opacity:0}
}
.qc-dashboard-preview{width:100px;height:70px}
.qc-dashboard-screen{width:100%;height:100%;background:var(--card-bg);border:2px solid var(--primary);border-radius:8px;padding:.5rem;position:relative;overflow:hidden}
.qc-screen-header{display:flex;gap:.3rem;margin-bottom:.5rem}
.qc-screen-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);opacity:.5}
.qc-screen-content{display:flex;flex-direction:column;gap:.3rem}
.qc-screen-chart{height:20px;background:var(--gradient);border-radius:2px;position:relative;overflow:hidden}
.qc-screen-chart::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,#fff6,transparent);animation:qc-scan-line 2s linear infinite}
@keyframes qc-scan-line {
0%{transform:translateX(-200%)}
100%{transform:translateX(300%)}
}
.qc-screen-stats{display:flex;gap:.3rem}
.qc-stat-item{flex:1;background:#2b7fff1a;border-radius:2px;text-align:center;font-size:.6rem;font-weight:700;color:var(--primary);padding:.2rem}
.qc-tech-anim{position:relative;width:80px;height:80px}
.qc-tech-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px}
.qc-core-center{width:40px;height:40px;background:var(--secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;position:relative;z-index:3;animation:qc-core-rotate 4s linear infinite}
@keyframes qc-core-rotate {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.qc-core-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.qc-ring{position:absolute;border:2px solid var(--secondary);border-radius:50%;opacity:.3;top:50%;left:50%;transform:translate(-50%,-50%)}
.qc-ring-1{width:60px;height:60px;animation:qc-ring-rotate 3s linear infinite}
.qc-ring-2{width:80px;height:80px;animation:qc-ring-rotate 4s linear infinite reverse}
.qc-ring-3{width:100px;height:100px;animation:qc-ring-rotate 5s linear infinite}
@keyframes qc-ring-rotate {
0%{transform:translate(-50%,-50%) rotate(0deg)}
100%{transform:translate(-50%,-50%) rotate(360deg)}
}
.qc-tech-data{position:absolute;width:100%;height:100%}
.qc-revenue-anim{position:relative;width:80px;height:80px}
.qc-money-flow{position:absolute;top:0;left:50%;transform:translateX(-50%)}
.qc-money-coin{position:absolute;width:20px;height:20px;background:var(--warning);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:.8rem;animation:qc-coin-fall 2s infinite;opacity:0}
.qc-money-coin:nth-child(1){animation-delay:0s}
.qc-money-coin:nth-child(2){animation-delay:.66s}
.qc-money-coin:nth-child(3){animation-delay:1.33s}
@keyframes qc-coin-fall {
0%{transform:translateY(-20px);opacity:0}
20%{opacity:1}
80%{opacity:1}
100%{transform:translateY(60px);opacity:0}
}
.qc-bank-account{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:30px;background:var(--warning);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;position:relative}
.qc-account-glow{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:var(--warning);border-radius:6px;opacity:.3;animation:qc-glow 2s infinite}
@keyframes qc-glow {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.1);opacity:.6}
}
@media (max-width: 768px) {
.qc-desktop{display:none}
.qc-mobile{display:block}
.qc-section{padding:1rem}
.qc-container{padding:.5rem}
.qc-header .section-title{font-size:1.6rem}
.qc-subtitle{font-size:.9rem}
}
.qc-mobile-track{overflow-x:auto;display:flex;scroll-behavior:smooth;gap:1rem;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none}
.qc-mobile-track::-webkit-scrollbar{display:none}
.qc-mobile-card{min-width:280px;background:var(--card-bg);border:2px solid var(--border);border-radius:20px;padding:0;position:relative;transition:all .4s cubic-bezier(0.25,0.8,0.25,1);transform:scale(0.95);opacity:.7;overflow:hidden}
.qc-mobile-card.qc-mobile-active{transform:scale(1);opacity:1;border-color:var(--primary);box-shadow:0 10px 30px #2b7fff33}
.qc-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;background:#2b7fff0d}
.qc-mobile-icon{width:45px;height:45px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff}
.qc-mobile-card[data-qc-mobile="1"] .qc-mobile-icon{background:var(--success)}
.qc-mobile-card[data-qc-mobile="2"] .qc-mobile-icon{background:var(--primary)}
.qc-mobile-card[data-qc-mobile="3"] .qc-mobile-icon{background:var(--secondary)}
.qc-mobile-card[data-qc-mobile="4"] .qc-mobile-icon{background:var(--warning)}
.qc-mobile-number{font-size:1.2rem;font-weight:900;color:var(--primary);opacity:.3;font-family:'Montserrat',sans-serif}
.qc-mobile-content{padding:0 1.5rem 1rem}
.qc-mobile-content h4{font-size:1.3rem;font-weight:700;margin-bottom:.5rem;color:var(--text);font-family:'Montserrat',sans-serif;letter-spacing:-.3px}
.qc-mobile-content p{font-size:.9rem;color:var(--text);opacity:.8;margin-bottom:1rem;font-family:'Montserrat',sans-serif;line-height:1.5}
.qc-mobile-visual{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.qc-mobile-payment{position:relative;width:60px;height:60px}
.qc-payment-icon{width:100%;height:100%;background:#2b7fff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary)}
.qc-payment-pulse{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid var(--primary);border-radius:50%;animation:qc-mobile-pulse 2s infinite}
@keyframes qc-mobile-pulse {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.5);opacity:0}
}
.qc-mobile-dashboard{width:80px;height:60px}
.qc-dash-screen{width:100%;height:100%;background:var(--card-bg);border:2px solid var(--primary);border-radius:8px;padding:.5rem;position:relative;overflow:hidden}
.qc-dash-bar{height:15px;background:var(--gradient);border-radius:2px;margin-bottom:.5rem;position:relative}
.qc-dash-bar::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:#fff6;animation:qc-dash-scan 2s linear infinite}
@keyframes qc-dash-scan {
0%{left:-100%}
100%{left:200%}
}
.qc-dash-stats{display:flex;gap:.3rem}
.qc-dash-stats span{flex:1;background:#2b7fff1a;border-radius:2px;text-align:center;font-size:.5rem;font-weight:700;color:var(--primary);padding:.2rem}
.qc-mobile-tech{position:relative;width:60px;height:60px}
.qc-tech-circle{width:100%;height:100%;background:var(--secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;animation:qc-tech-rotate 4s linear infinite}
@keyframes qc-tech-rotate {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.qc-tech-orbit{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border:2px solid var(--secondary);border-radius:50%;opacity:.3;animation:qc-orbit-rotate 3s linear infinite reverse}
@keyframes qc-orbit-rotate {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.qc-mobile-revenue{position:relative;width:80px;height:60px}
.qc-revenue-coins{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;gap:.5rem}
.qc-coin{width:20px;height:20px;background:var(--warning);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:.7rem;animation:qc-coin-bounce 2s infinite}
.qc-coin:nth-child(1){animation-delay:0s}
.qc-coin:nth-child(2){animation-delay:.2s}
.qc-coin:nth-child(3){animation-delay:.4s}
@keyframes qc-coin-bounce {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
.qc-revenue-bank{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:30px;background:var(--warning);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}
.qc-mobile-timing{display:flex;align-items:center;gap:.5rem;background:#2b7fff1a;color:var(--primary);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;font-family:'Montserrat',sans-serif;width:fit-content}
.qc-mobile-footer{background:#2b7fff0d;padding:1rem 1.5rem;border-top:1px solid var(--border)}
.qc-mobile-progress{height:4px;background:#2b7fff1a;border-radius:2px;margin-bottom:.5rem;overflow:hidden}
.qc-progress-fill{height:100%;background:var(--gradient);border-radius:2px;transition:width .6s ease}
.qc-progress-fill.qc-progress-active{animation:qc-progress-pulse 2s infinite}
@keyframes qc-progress-pulse {
0%,100%{opacity:1}
50%{opacity:.6}
}
.qc-mobile-status{font-size:.75rem;font-weight:600;color:var(--text);opacity:.7;font-family:'Montserrat',sans-serif}
.qc-mobile-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}
.qc-nav-btn{width:40px;height:40px;border-radius:50%;background:#2b7fff1a;border:2px solid var(--primary);color:var(--primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1rem}
.qc-nav-btn:hover:not(:disabled){background:var(--primary);color:#fff;transform:scale(1.1)}
.qc-nav-btn:disabled{opacity:.3;cursor:not-allowed}
.qc-nav-dots{display:flex;gap:.6rem}
.qc-nav-dot{width:10px;height:10px;border-radius:50%;background:#2b7fff33;cursor:pointer;transition:all .3s ease}
.qc-nav-dot.qc-dot-active{background:var(--primary);transform:scale(1.4);box-shadow:0 0 10px #2b7fff80}
.qc-cta{text-align:center;margin-top:2rem}
.qc-cta-btn{display:inline-flex;align-items:center;gap:.8rem;background:var(--gradient);color:#fff;font-weight:700;font-size:.9rem;padding:.8rem 2rem;border-radius:25px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #2b7fff4d;margin-bottom:.8rem;font-family:'Montserrat',sans-serif}
.qc-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2b7fff66}
.qc-cta-text{font-size:.75rem;color:var(--danger);font-weight:600;margin:0;font-family:'Montserrat',sans-serif}
@keyframes qc-pulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.1)}
}
@keyframes qc-blink {
0%,50%{opacity:1}
51%,100%{opacity:.3}
}
@media (max-width: 768px) {
.qc-mobile-badge{display:flex;align-items:center;gap:5px;background:#2b7fff1a;color:var(--primary);padding:5px 10px;border-radius:15px;font-size:.75rem;font-weight:600;transition:all .3s ease}
.qc-mobile-badge i{font-size:.8rem}
.qc-mobile-badge.active{background:#38b0001a;color:#38b000;animation:badgePulse 2s infinite}
.qc-mobile-badge.gold{background:#ffd7001a;color:#ffd700}
@keyframes badgePulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.qc-mobile-tag{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--gradient);color:#fff;padding:10px;margin:-20px -20px 0;font-size:.85rem;font-weight:600;transition:all .3s ease}
.qc-mobile-tag i{font-size:1rem}
.qc-mobile-card{padding-bottom:0}
.qc-mobile-content{padding:0 20px 20px}
.qc-mobile-header{padding:20px 20px 15px}
.qc-mobile-visual{margin:15px 0}
.qc-mobile-card:active .qc-mobile-tag{background:var(--gradient);filter:brightness(1.1)}
.qc-mobile-icon{position:relative}
.qc-mobile-icon::after{content:attr(data-step);position:absolute;bottom:-5px;right:-5px;width:18px;height:18px;background:var(--card-bg);border:2px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--primary)}
.qc-mobile-card[data-qc-mobile="1"] .qc-mobile-icon::after{content:"1"}
.qc-mobile-card[data-qc-mobile="2"] .qc-mobile-icon::after{content:"2"}
.qc-mobile-card[data-qc-mobile="3"] .qc-mobile-icon::after{content:"3"}
.qc-mobile-card[data-qc-mobile="4"] .qc-mobile-icon::after{content:"4"}
}
.light-mode .qc-mobile-badge{background:#2b7fff14}
.light-mode .qc-mobile-badge.active{background:#38b00014}
.light-mode .qc-mobile-badge.gold{background:#ffd70014}
.light-mode .qc-mobile-icon::after{background:#fff}
.qc-step-card{flex:1;background:var(--card-bg);border:2px solid var(--border);border-radius:20px;position:relative;transition:all .4s cubic-bezier(0.25,0.8,0.25,1);cursor:pointer;min-height:380px;display:flex;flex-direction:column;overflow:hidden;padding:0}
.qc-step-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 15px;background:#2b7fff08;border-bottom:1px solid var(--border)}
.qc-step-badge{display:flex;align-items:center;gap:6px;background:#2b7fff1a;color:var(--primary);padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;transition:all .3s ease}
.qc-step-badge i{font-size:.9rem}
.qc-step-badge.active{background:#38b0001a;color:#38b000;animation:badgePulse 2s infinite}
.qc-step-badge.gold{background:#ffd7001a;color:#ffd700}
.qc-step-icon{width:50px;height:50px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transition:transform .3s ease;position:relative}
.qc-step-icon::after{content:attr(data-step);position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;background:var(--card-bg);border:2px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--primary)}
.qc-step-card[data-qc-step="1"] .qc-step-icon::after{content:"1"}
.qc-step-card[data-qc-step="2"] .qc-step-icon::after{content:"2"}
.qc-step-card[data-qc-step="3"] .qc-step-icon::after{content:"3"}
.qc-step-card[data-qc-step="4"] .qc-step-icon::after{content:"4"}
.qc-step-number{display:none}
.qc-step-body{flex:1;padding:20px;display:flex;flex-direction:column}
.qc-step-tag{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--gradient);color:#fff;padding:12px;font-size:.9rem;font-weight:600;transition:all .3s ease;margin-top:auto}
.qc-step-tag i{font-size:1.1rem}
.qc-step-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 15px 40px #2b7fff40}
.qc-step-card:hover .qc-step-tag{filter:brightness(1.1)}
.qc-step-card[data-qc-step="1"] .qc-step-icon{background:linear-gradient(135deg,#00d4ff,#09c)}
.qc-step-card[data-qc-step="1"] .qc-step-tag{background:linear-gradient(135deg,#00d4ff,#09c)}
.qc-step-card[data-qc-step="2"] .qc-step-icon{background:var(--gradient)}
.qc-step-card[data-qc-step="3"] .qc-step-icon{background:linear-gradient(135deg,var(--secondary),var(--tertiary))}
.qc-step-card[data-qc-step="3"] .qc-step-tag{background:linear-gradient(135deg,var(--secondary),var(--tertiary))}
.qc-step-card[data-qc-step="4"] .qc-step-icon{background:linear-gradient(135deg,#ffd700,#ff8c00)}
.qc-step-card[data-qc-step="4"] .qc-step-tag{background:linear-gradient(135deg,#ffd700,#ff8c00)}
.qc-step-status{display:none}
@keyframes badgePulse {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.05);opacity:.8}
}
.light-mode .qc-step-header{background:#2b7fff05}
.light-mode .qc-step-badge{background:#2b7fff14}
.light-mode .qc-step-badge.active{background:#38b00014}
.light-mode .qc-step-badge.gold{background:#ffd70014}
.light-mode .qc-step-icon::after{background:#fff}
.qc-payment-waves{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px}
.qc-wave{position:absolute;width:100%;height:100%;border:2px solid #00d4ff4d;border-radius:30%;animation:hexRotate 4s linear infinite}
.qc-wave:nth-child(1){animation-delay:0s}
.qc-wave:nth-child(2){animation-delay:1.3s;transform:scale(0.8)}
.qc-wave:nth-child(3){animation-delay:2.6s;transform:scale(0.6)}
@keyframes hexRotate {
0%{transform:rotate(0deg);opacity:0}
50%{opacity:1}
100%{transform:rotate(360deg);opacity:0}
}
.qc-step-card[data-qc-step="1"] .qc-step-icon{background:linear-gradient(135deg,#38b000,#70e000)!important}
.qc-step-card[data-qc-step="1"] .qc-step-tag{background:linear-gradient(135deg,#38b000,#70e000)!important}
.qc-step-card[data-qc-step="1"]:hover{border-color:#38b000!important;box-shadow:0 15px 40px #38b00040!important}
@media (max-width: 768px) {
.qc-mobile-card[data-qc-mobile="1"]{border-color:#38b000!important}
.qc-mobile-card[data-qc-mobile="1"].qc-mobile-active{border-color:#38b000!important;box-shadow:0 15px 35px #38b00040!important}
.qc-mobile-card[data-qc-mobile="1"] .qc-mobile-icon{background:linear-gradient(135deg,#38b000,#70e000)!important}
.qc-mobile-card[data-qc-mobile="1"] .qc-mobile-icon::after{border-color:#38b000!important;color:#38b000!important}
.qc-mobile-card[data-qc-mobile="1"] .qc-mobile-tag{background:linear-gradient(135deg,#38b000,#70e000)!important}
}
.qc-step-card[data-qc-step="1"] .qc-wave{border-color:#38b0004d!important}
.qc-step-card[data-qc-step="1"] .qc-card-visual{background:linear-gradient(135deg,#38b000,#70e000)!important;box-shadow:0 4px 20px #38b00066!important}
@media (max-width: 768px) {
.qc-nav-btn{display:none!important}
.qc-mobile-nav{display:flex;align-items:center;justify-content:center;padding:15px 0;margin-top:10px}
.qc-nav-dots{display:flex;gap:10px;background:none;padding:0}
.qc-nav-dot{width:35px;height:35px;background:#2b7fff1a;border:1px solid #2b7fff33;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:600;color:var(--primary);position:relative}
.qc-nav-dot::before{content:attr(data-qc-dot)}
.qc-nav-dot.qc-dot-active{background:var(--primary);color:#fff;border-color:var(--primary);transform:scale(1.1);box-shadow:0 4px 15px #2b7fff4d}
.qc-nav-dot:not(.qc-dot-active):active{transform:scale(0.95);background:#2b7fff33}
}