.app-download-qr-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-download-qr-modal{position:relative;background:var(--cf-bg-primary,#0a0a0a);border:1px solid rgba(75,142,249,.3);border-radius:1rem;padding:2rem;max-width:500px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(75,142,249,.2),inset 0 0 0 1px rgba(255,255,255,.05);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.app-download-qr-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.9);cursor:pointer;transition:all .2s;z-index:10}.app-download-qr-close:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#ffffff;transform:scale(1.05)}.app-download-qr-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.app-download-qr-title{font-size:1.5rem;font-weight:700;color:var(--cf-white,#ffffff);margin:0;text-align:center}.app-download-qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.app-download-qr-frame{position:relative;width:240px;height:240px;background:#ffffff;border-radius:.75rem;padding:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(75,142,249,.4),0 8px 16px rgba(0,0,0,.3);overflow:hidden}.app-qr-corner{position:absolute;width:32px;height:32px;border:3px solid #4b8ef9;box-shadow:0 0 10px rgba(75,142,249,.8);z-index:10;pointer-events:none}.app-qr-corner-tl{top:12px;left:12px;border-right:none;border-bottom:none;border-radius:6px 0 0 0;animation:cornerPulse 2s ease-in-out infinite}.app-qr-corner-tr{top:12px;right:12px;border-left:none;border-bottom:none;border-radius:0 6px 0 0;animation:cornerPulse 2s ease-in-out .5s infinite}.app-qr-corner-bl{bottom:12px;left:12px;border-right:none;border-top:none;border-radius:0 0 0 6px;animation:cornerPulse 2s ease-in-out 1s infinite}.app-qr-corner-br{bottom:12px;right:12px;border-left:none;border-top:none;border-radius:0 0 6px 0;animation:cornerPulse 2s ease-in-out 1.5s infinite}@keyframes cornerPulse{0%,to{opacity:.7;box-shadow:0 0 10px rgba(75,142,249,.8)}50%{opacity:1;box-shadow:0 0 20px rgba(75,142,249,1)}}.app-qr-code-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.app-qr-code-label{display:flex;align-items:center;gap:.75rem;color:var(--cf-white,#ffffff)}.app-qr-code-label svg{color:#4b8ef9;flex-shrink:0}.app-qr-label-title{font-size:1.125rem;font-weight:700;color:var(--cf-white,#ffffff);margin-bottom:.25rem}.app-qr-label-hint{font-size:.875rem;color:rgba(255,255,255,.7)}.app-download-qr-description{font-size:.95rem;color:rgba(255,255,255,.8);text-align:center;margin:0;line-height:1.6;max-width:400px}@media (max-width:768px){.app-download-qr-modal{padding:1.5rem;margin:1rem}.app-download-qr-title{font-size:1.25rem}.app-download-qr-frame{width:200px;height:200px;padding:.75rem}.app-qr-corner{width:28px;height:28px}.app-qr-corner-tl{top:10px;left:10px}.app-qr-corner-tr{top:10px;right:10px}.app-qr-corner-bl{bottom:10px;left:10px}.app-qr-corner-br{bottom:10px;right:10px}}.how-it-works-carousel-container{width:100%;margin-top:3rem}.carousel-wrapper{position:relative;display:flex;align-items:center;gap:1rem}.how-it-works-carousel{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:2rem;padding:1rem 0;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.how-it-works-carousel::-webkit-scrollbar{display:none}.how-it-works-carousel:active{cursor:grabbing}.how-it-works-carousel .how-it-works-step-card{flex:0 0 100%;min-width:100%;max-width:85%;margin:0 auto;scroll-snap-align:start;display:flex;align-items:flex-start;gap:1rem;padding:1.75rem;border-radius:.75rem;background:transparent;border:1px solid rgba(59,130,246,.15);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:120px}.how-it-works-carousel .how-it-works-step-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.08),transparent);transition:left .6s ease;z-index:0}.how-it-works-carousel .how-it-works-step-card:hover{border-color:rgba(59,130,246,.4);transform:translateX(4px);box-shadow:0 8px 24px rgba(59,130,246,.15),0 0 0 1px rgba(59,130,246,.1)}.how-it-works-carousel .how-it-works-step-card:hover:before{left:100%}.how-it-works-carousel .step-icon-wrapper{width:24px;height:24px;flex-shrink:0;position:relative;z-index:1;margin-top:2px;display:flex;align-items:center;justify-content:center}.how-it-works-carousel .step-icon{width:24px;height:24px;color:#3b82f6;filter:drop-shadow(0 0 4px rgba(59,130,246,.4))}.how-it-works-carousel .step-content{display:flex;flex-direction:column;gap:.25rem;flex:1;position:relative;z-index:1}.how-it-works-carousel .step-title{font-size:1.125rem;font-weight:600;color:var(--cf-text-light,rgba(255,255,255,.9));line-height:1.4}.how-it-works-carousel .step-description{font-size:.95rem;color:rgba(255,255,255,.6);line-height:1.5}.carousel-nav-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(75,142,249,.1);border:1px solid rgba(75,142,249,.3);border-radius:50%;color:#4b8ef9;cursor:pointer;transition:all .2s;flex-shrink:0;z-index:10}.carousel-nav-button:hover:not(:disabled){background:rgba(75,142,249,.2);border-color:rgba(75,142,249,.5);transform:scale(1.1)}.carousel-nav-button:disabled{opacity:.3;cursor:not-allowed}.carousel-nav-button:active:not(:disabled){transform:scale(.95)}.carousel-indicators{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem}.carousel-indicator{width:12px;height:12px;border-radius:50%;background:rgba(75,142,249,.3);border:2px solid rgba(75,142,249,.3);cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0}.carousel-indicator:hover{background:rgba(75,142,249,.5);border-color:rgba(75,142,249,.5);transform:scale(1.2)}.carousel-indicator.active{background:#4b8ef9;border-color:#4b8ef9;width:32px;border-radius:6px;box-shadow:0 0 12px rgba(75,142,249,.6)}@media (max-width:768px){.carousel-nav-button{width:40px;height:40px}.carousel-nav-button svg{width:20px;height:20px}.carousel-wrapper{gap:.5rem}.how-it-works-carousel{gap:1rem}.how-it-works-carousel .how-it-works-step-card{flex:0 0 100%;min-width:100%}}