.howitswork-container{--primary:#21272d;--primary-dark:#21272d;--secondary:#21272d;--accent:#21272d;--light:#f8fafc;--dark:#0f172a;background:var(--light);color:var(--dark);font-family:DM Sans,sans-serif;overflow-x:hidden;width:100%}.howitswork-container h1,.howitswork-container h2,.howitswork-container h3,.howitswork-container h4,.howitswork-container h5{font-family:Roboto,sans-serif}.howitswork-container p{font-family:Poppins,sans-serif}.howitswork-container .hero{background:linear-gradient(135deg,#21272d,#21272d);color:#fff;overflow:hidden;padding:120px 0;position:relative}.howitswork-container .hero:before{background:hsla(0,0%,97%,.11);border-radius:50%;content:"";height:500px;position:absolute;right:-100px;top:-200px;width:500px}.howitswork-container .hero h1{font-size:80px;font-weight:800}.howitswork-container .hero p{font-size:20px;opacity:.9}.howitswork-container .btn-custom{align-items:center;background:#fff;border:1px solid #b4b5b5;border-radius:50px;color:#21272d;display:inline-flex;font-family:Poppins,sans-serif;font-weight:600;gap:8px;padding:14px 35px;text-decoration:none;transition:all .3s}.howitswork-container .btn-custom:hover{background:transparent;border:1px solid #b4b5b5;color:#fff;transform:translateY(-2px)}.howitswork-container .section-label{align-items:center;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.15);border-radius:30px;color:var(--primary);display:inline-flex;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:2px;margin-bottom:16px;padding:6px 16px;text-transform:uppercase}.howitswork-container .section-title{color:#21272d;font-size:48px;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px}.howitswork-container .section-desc{color:#797b7c;font-size:16px;line-height:1.7}.howitswork-container .glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.9);border-radius:24px;box-shadow:0 8px 40px rgba(37,99,235,.08);transition:all .35s cubic-bezier(.22,.68,0,1.2)}.howitswork-container .glass-card:hover{box-shadow:0 20px 60px rgba(37,99,235,.15);transform:translateY(-6px)}.howitswork-container .glass-card-dark{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(15,23,42,.7);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;box-shadow:0 8px 40px rgba(0,0,0,.25)}.howitswork-container #getting-started{background:var(--light);padding:100px 0}.howitswork-container #getting-started h3{color:#21272d;font-size:28px;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.howitswork-container #getting-started p{color:#797b7c;font-size:16px;line-height:25px}.howitswork-container .what-is-card{background:linear-gradient(135deg,#fff,#f0f7ff);border:1.5px solid rgba(37,99,235,.12);border-radius:28px;box-shadow:0 12px 50px rgba(37,99,235,.08);overflow:hidden;padding:48px;position:relative}.howitswork-container .what-is-card:before{background:radial-gradient(circle,rgba(37,99,235,.08),transparent);border-radius:50%;content:"";height:200px;position:absolute;right:-60px;top:-60px;width:200px}.howitswork-container .feature-icon-card{background:#fff;border:1.5px solid rgba(37,99,235,.1);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.05);height:100%;padding:24px 20px;text-align:center;transition:all .3s}.howitswork-container .feature-icon-card:hover{border-color:var(--primary);box-shadow:0 12px 40px rgba(37,99,235,.12);transform:translateY(-5px)}.howitswork-container .feature-icon-card .icon-wrap{align-items:center;border-radius:18px;display:flex;font-size:1.6rem;height:64px;justify-content:center;margin:0 auto 14px;width:64px}.howitswork-container .feature-icon-card h5{color:#21272d;font-size:16px;font-weight:700;line-height:25px;margin-bottom:8px}.howitswork-container .feature-icon-card p{color:#64748b;font-size:.82rem;line-height:1.6;margin:0}.howitswork-container .steps-timeline{padding:20px 0;position:relative}.howitswork-container .step-connector{align-items:center;color:var(--primary);display:flex;font-size:1.5rem;justify-content:center;opacity:.3}.howitswork-container .step-card{background:#fff;border:1.5px solid rgba(37,99,235,.1);border-radius:24px;box-shadow:0 4px 20px rgba(0,0,0,.04);height:100%;padding:32px 24px;position:relative;text-align:center;transition:all .3s}.howitswork-container .step-card:hover{border-color:var(--primary);box-shadow:0 16px 50px rgba(37,99,235,.14);transform:translateY(-6px)}.howitswork-container .step-number{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;color:#fff;display:flex;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.howitswork-container .step-emoji{display:block;font-size:2.5rem;margin-bottom:14px}.howitswork-container .step-card h4{color:#21272d;font-size:1.1rem;font-weight:700;margin-bottom:10px}.howitswork-container .step-card p{color:#797b7c;font-size:.85rem;line-height:1.65;margin:0}.howitswork-container .check-mark-point{color:#797b7c;display:block;float:left;font-family:Poppins,sans-serif;font-size:16px;line-height:25px;margin-bottom:10px;text-align:left;width:100%}.howitswork-container .check-mark-point-top-spc{margin-top:10px}.howitswork-container .check-mark-point i{margin-right:10px}.howitswork-container .reward-card{align-items:center;background:#f7f7f7;border:2px solid #21272d;border-radius:20px;box-shadow:0 8px 30px rgba(33,39,45,.16);display:flex;gap:20px;justify-content:center;padding:28px 32px}.howitswork-container .reward-icon-big{font-size:3rem}.howitswork-container .reward-val{color:#21272d;font-size:40px;font-weight:800;line-height:1}.howitswork-container .reward-label{color:#797b7c;font-size:16px;font-weight:600;margin-top:4px}.howitswork-container #wallet{background:#f7f7f7;padding:100px 0}.howitswork-container #wallet h3{color:#21272d;font-size:28px;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.howitswork-container .wallet-card{border-radius:28px;height:100%;overflow:hidden;padding:36px;position:relative;transition:all .35s}.howitswork-container .wallet-card-blue,.howitswork-container .wallet-card-green{background:linear-gradient(135deg,#21272d,#21272d);box-shadow:0 16px 50px rgba(33,39,45,.28);color:#fff}.howitswork-container .wallet-card:hover{transform:translateY(-6px) scale(1.01)}.howitswork-container .wallet-card:before{background:hsla(0,0%,97%,.11);border-radius:50%;content:"";height:160px;position:absolute;right:-40px;top:-40px;width:160px}.howitswork-container .wallet-card:after{background:hsla(0,0%,97%,.11);border-radius:50%;bottom:-60px;content:"";height:200px;left:-30px;position:absolute;width:200px}.howitswork-container .wallet-icon{font-size:3rem;margin-bottom:16px;position:relative;z-index:1}.howitswork-container .wallet-card h3{font-size:25px;font-weight:800;margin-bottom:14px;position:relative;z-index:1}.howitswork-container .wallet-info-row{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-bottom:10px;padding:12px 16px;position:relative;text-align:left;z-index:1}.howitswork-container .wallet-info-row h6{font-size:.7rem;letter-spacing:1px;margin-bottom:4px;opacity:.6;text-transform:uppercase}.howitswork-container .wallet-info-row p{font-size:.88rem;line-height:1.5;margin:0;opacity:.9}.howitswork-container .earn-card{border-radius:20px;height:100%;overflow:hidden;padding:28px 22px;position:relative;text-align:center;transition:all .3s}.howitswork-container .earn-card:hover{transform:translateY(-6px)}.howitswork-container .earn-card-1{background:#fff;border:1.5px solid rgba(37,99,235,.1);border-radius:24px;box-shadow:0 4px 20px rgba(0,0,0,.04);height:100%;padding:32px 24px;position:relative;text-align:center;transition:all .3s}.howitswork-container .earn-icon{font-size:40px;margin-bottom:14px}.howitswork-container .earn-counter{color:#21272d;font-family:Syne,sans-serif;font-size:28px;font-weight:800;line-height:1;margin-bottom:6px}.howitswork-container .earn-title{color:#21272d;font-size:1rem;font-weight:700;margin-bottom:8px}.howitswork-container .earn-desc{color:#797b7c;font-size:16px;line-height:1.6;margin:0;text-align:left}.howitswork-container #spin-wheel{background:#fff;overflow:hidden;padding:100px 0;position:relative}.howitswork-container #spin-wheel h3{color:#21272d;font-size:28px;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.howitswork-container .spin-bg-glow{border-radius:50%;filter:blur(100px);opacity:.15;pointer-events:none;position:absolute}.howitswork-container .sg1{background:var(--primary);height:600px;right:-200px;top:-200px;width:600px}.howitswork-container .sg2{background:var(--accent);bottom:-150px;height:400px;left:-100px;width:400px}.howitswork-container .spin-wheel-visual{animation:spinSlow 20s linear infinite;background:conic-gradient(#fbbf24 0deg 45deg,#2563eb 45deg 90deg,#10b981 90deg 135deg,#f97316 135deg 180deg,#ef4444 180deg 225deg,#8b5cf6 225deg 270deg,#06b6d4 270deg 315deg,#fbbf24 315deg 1turn);border-radius:50%;box-shadow:0 0 60px rgba(37,99,235,.5),0 0 120px rgba(37,99,235,.2);cursor:pointer;height:280px;margin:0 auto;position:relative;transition:animation-duration .5s;width:280px}.howitswork-container .spin-wheel-visual:hover{animation-duration:2s}@keyframes spinSlow{to{transform:rotate(1turn)}}.howitswork-container .spin-center{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.3);display:flex;font-size:1.8rem;height:70px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70px;z-index:2}.howitswork-container .spin-pointer{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:2rem;left:50%;position:absolute;top:-20px;transform:translateX(-50%);z-index:3}.howitswork-container .spin-timeline{display:flex;flex-direction:column;gap:0}.howitswork-container .spin-step{align-items:flex-start;display:flex;gap:16px;position:relative}.howitswork-container .spin-step:not(:last-child):after{background:linear-gradient(180deg,rgba(37,99,235,.5),transparent);bottom:-20px;content:"";left:19px;position:absolute;top:44px;width:2px}.howitswork-container .spin-step-dot{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;position:relative;width:40px;z-index:1}.howitswork-container .spin-step-content{background:hsla(0,0%,100%,.05);border:1.5px solid rgba(37,99,235,.1);border-radius:14px;flex:1 1;margin-bottom:16px;padding:14px 18px;text-align:left}.howitswork-container .spin-step-content h6{color:#21272d;font-size:20px;font-weight:700;margin-bottom:10px}.howitswork-container .spin-step-content p{color:#797b7c;font-size:16px;line-height:1.5;margin:0}.howitswork-container .mode-card{background:hsla(0,0%,100%,.06);border:1.5px solid rgba(37,99,235,.1);border-radius:20px;height:100%;padding:28px;text-align:left;transition:all .3s}.howitswork-container .mode-card:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.25);transform:translateY(-4px)}.howitswork-container .mode-card h4{color:#21272d;font-size:20px;font-weight:700;margin-bottom:12px}.howitswork-container .mode-card p{color:#797b7c;font-size:16px;line-height:1.7;margin:0}.howitswork-container .flow-diagram{align-items:center;display:flex;flex-direction:column;gap:0}.howitswork-container .flow-node{background:hsla(0,0%,100%,.08);border:1.5px solid rgba(37,99,235,.1);border-radius:14px;color:#21272d;font-size:.88rem;font-weight:600;max-width:280px;padding:14px 28px;text-align:center;transition:all .3s;width:100%}.howitswork-container .flow-node:hover{background:#21272d;border-color:#21272d;color:#fff}.howitswork-container .flow-arrow{color:#21272d;font-size:1.2rem;padding:4px 0}.howitswork-container #bidding{background:#f7f7f7;padding:100px 0}.howitswork-container #bidding h3{color:#21272d;font-size:28px;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.howitswork-container #bidding h6{color:#21272d;font-size:18px;font-weight:700;margin-bottom:10px}.howitswork-container .bid-timeline{padding-left:40px;position:relative;text-align:left}.howitswork-container .bid-timeline:before{background:linear-gradient(180deg,var(--primary),var(--secondary),var(--accent));border-radius:2px;bottom:0;content:"";left:16px;position:absolute;top:0;width:3px}.howitswork-container .bid-step{margin-bottom:48px;position:relative}.howitswork-container .bid-step:last-child{margin-bottom:0}.howitswork-container .bid-step-dot{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:3px solid #fff;border-radius:50%;box-shadow:0 4px 15px rgba(37,99,235,.4);color:#fff;display:flex;font-size:1rem;height:36px;justify-content:center;left:-48px;position:absolute;top:6px;width:36px}.howitswork-container .bid-step h5{color:#21272d;font-size:18px;font-weight:700;margin-bottom:6px}.howitswork-container .bid-step p{color:#797b7c;font-size:16px;line-height:1.7;margin:0}.howitswork-container .bid-info-card{background:#fff;border:1.5px solid rgba(37,99,235,.1);border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.04);margin-bottom:20px;padding:28px;text-align:left;transition:all .3s}.howitswork-container .bid-info-card:hover{border-color:var(--primary);box-shadow:0 8px 30px rgba(37,99,235,.12);transform:translateX(6px)}.howitswork-container .bid-info-card h5{align-items:center;color:#21272d;display:flex;font-size:18px;font-weight:700;gap:10px;margin-bottom:10px}.howitswork-container .bid-info-card h5 .icon{font-size:18px}.howitswork-container .bid-info-card p{color:#797b7c;font-size:16px;line-height:1.7;margin:0}.howitswork-container .highest-bid-badge{align-items:center;background:linear-gradient(135deg,#21272d,#21272d);border-radius:50px;box-shadow:0 8px 25px rgba(33,39,45,.49);color:#fff;display:inline-flex;font-family:Syne,sans-serif;font-size:1.1rem;font-weight:800;gap:10px;padding:12px 28px}.howitswork-container .refund-card{align-items:center;background:#21272d;border:2px solid var(--secondary);border-radius:20px;box-shadow:0 8px 25px rgba(16,185,129,.15);display:flex;gap:16px;padding:24px 28px;text-align:left}.howitswork-container .refund-icon{color:#fff;font-size:40px}.howitswork-container .refund-text h5{color:#fff;font-size:1.1rem;font-weight:800;margin-bottom:4px}.howitswork-container .refund-text p{color:#fff;font-size:16px;line-height:1.6;margin:0}.howitswork-container #shopping{background:#fff;padding:100px 0}.howitswork-container .shop-step-card{background:#fff;border:1.5px solid rgba(37,99,235,.08);border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.05);height:100%;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .35s}.howitswork-container .shop-step-card:hover{border-color:var(--primary);box-shadow:0 20px 60px rgba(37,99,235,.14);transform:translateY(-8px)}.howitswork-container .shop-step-card:after{background:linear-gradient(90deg,var(--primary),var(--secondary));bottom:0;content:"";height:4px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .3s}.howitswork-container .shop-step-card:hover:after{transform:scaleX(1)}.howitswork-container .shop-emoji{display:block;font-size:3rem;margin-bottom:16px}.howitswork-container .shop-step-num{align-items:center;background:rgba(37,99,235,.08);border-radius:50%;color:#21272d;display:flex;font-size:.75rem;font-weight:800;height:28px;justify-content:center;position:absolute;right:16px;top:16px;width:28px}.howitswork-container .shop-step-card h4{color:#21272d;font-size:1.1rem;font-weight:700;margin-bottom:10px}.howitswork-container .shop-step-card p{color:#797b7c;font-size:16px;line-height:1.65;margin:0}.howitswork-container .promo-banner{background:#21272d;border-radius:28px;box-shadow:0 8px 25px rgba(33,39,45,.49);overflow:hidden;padding:48px;position:relative;text-align:left}.howitswork-container .promo-banner:before{background:radial-gradient(circle,rgba(249,115,22,.2),transparent);border-radius:50%;content:"";height:300px;position:absolute;right:-80px;top:-80px;width:300px}.howitswork-container .promo-banner h2{color:#fff;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-1px;margin-bottom:12px}.howitswork-container .promo-banner p{color:#fff;font-size:16px;line-height:1.7;margin:0}.howitswork-container .promo-badge{background:transparent;border-radius:16px;box-shadow:0 8px 25px rgba(33,39,45,.49);color:#fff;display:inline-block;font-family:Syne,sans-serif;font-size:1.4rem;font-weight:800;padding:16px 28px}.howitswork-container #cta{background:#f7f7f7;overflow:hidden;padding:80px 0;position:relative}.howitswork-container .cta-title{color:#21272d;font-size:48px;font-weight:800;letter-spacing:-2px;margin-bottom:20px}.howitswork-container .cta-desc{color:#797b7c;font-size:16px;line-height:1.7;margin-bottom:30px}.howitswork-container .btn-cta{background:#21272d;border:none;border-radius:50px;color:#fff}.howitswork-container .btn-cta,.howitswork-container .btn-cta-outline{align-items:center;display:inline-flex;font-family:Syne,sans-serif;font-size:1.05rem;font-weight:700;gap:10px;padding:16px 36px;text-decoration:none;transition:all .3s}.howitswork-container .btn-cta-outline{background:transparent;border:2px solid #21272d;border-radius:50px;color:#21272d}.howitswork-container .btn-cta-outline:hover{background:rgba(33,39,45,.08);transform:translateY(-4px)}.howitswork-container .tag-chip{align-items:center;background:#f7f7f7;border:1px solid #21272d;border-radius:20px;color:#21272d;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:4px 12px}.howitswork-container .tag-chip.green,.howitswork-container .tag-chip.orange{background:#f7f7f7;border-color:#21272d;color:#21272d}.howitswork-container .section-divider{background:#21272d;border-radius:2px;height:4px;margin-bottom:24px;width:60px}@media (max-width:991px){.howitswork-container .hero-illustration{margin-top:50px}}@media (max-width:767px){.howitswork-container .hero{padding:80px 0}.howitswork-container .hero h1{font-size:48px}.howitswork-container .what-is-card{padding:28px}.howitswork-container .promo-banner{padding:32px 24px}.howitswork-container .reward-card{flex-direction:column;text-align:center}.howitswork-container .step-connector{display:none}.howitswork-container .spin-wheel-visual{height:220px;width:220px}}
/*# sourceMappingURL=8231.2099f125.chunk.css.map*/