#how-it-works-page{--bg-dark:#050506;--bg-card:#ffffff08;--border-color:#ffffff14;--primary-blue:#f0c;--brand-gradient:linear-gradient(to right, #f0c, #a020f0);--text-muted:#ffffff80;--text-main:#fff;--transition:transform .3s cubic-bezier(.4, 0, .2, 1), opacity .3s cubic-bezier(.4, 0, .2, 1), background-color .3s cubic-bezier(.4, 0, .2, 1), border-color .3s cubic-bezier(.4, 0, .2, 1), color .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1);background-color:var(--bg-dark);color:var(--text-main)}#how-it-works-page a{text-decoration:none!important}#how-it-works-page .btn-primary,#how-it-works-page .btn-secondary{transition:var(--transition);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:200px;padding:12px 28px;font-size:.95rem;font-weight:700;display:inline-flex;text-decoration:none!important}#how-it-works-page .btn-primary{background:var(--brand-gradient);color:#fff}#how-it-works-page .btn-secondary{color:#fff;border:1px solid var(--border-color);background:#ffffff0d}#how-it-works-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff00cc4d}#how-it-works-page .btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}#how-it-works-page .section-dark{background-color:var(--bg-dark)}#how-it-works-page .section-gap-top-lg{padding-top:80px}#how-it-works-page .section-gap-bottom-lg{padding-bottom:80px}#how-it-works-page .hero-section{padding-top:180px;position:relative;overflow:hidden}#how-it-works-page .hero-inner{text-align:center;z-index:2;max-width:800px;margin:0 auto;position:relative}#how-it-works-page .how-hero-title{letter-spacing:-.04em;color:#fff;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1.1}#how-it-works-page .how-hero-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 3rem;font-size:clamp(1rem,2vw,1.25rem)}#how-it-works-page .step-selector{justify-content:center;display:flex}#how-it-works-page .step-buttons{border:1px solid var(--border-color);background:#ffffff08;border-radius:100px;padding:6px;display:inline-flex}#how-it-works-page .step-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:100px;align-items:center;gap:10px;padding:12px 32px;font-size:.95rem;font-weight:600;display:flex}#how-it-works-page .step-btn.active{background:var(--brand-gradient);color:#fff}#how-it-works-page .new-badge{background:var(--brand-gradient);color:#fff;text-transform:uppercase;border-radius:20px;padding:2px 8px;font-size:.7rem}#how-it-works-page .step-wrapper{max-width:900px;margin:0 auto}#how-it-works-page .step-header{text-align:center;margin-bottom:4rem}#how-it-works-page .step-icon{width:120px;margin-bottom:1rem}#how-it-works-page .step-title{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem);font-weight:700}#how-it-works-page .step-banner{background:linear-gradient(135deg, #0a0a0ccc, #09090b00), var(--brand-gradient);border-radius:40px;align-items:center;min-height:300px;margin-top:3rem;display:flex;position:relative;overflow:visible}#how-it-works-page .step-banner-content{width:100%;padding:0 3rem;display:flex}#how-it-works-page .step-banner-text{z-index:2;width:60%;padding:3rem 0}#how-it-works-page .step-banner-desc{color:#fffc;font-size:1.15rem;line-height:1.5}#how-it-works-page .step-banner-image{justify-content:flex-end;align-items:flex-end;width:45%;height:120%;display:flex;position:absolute;bottom:0;right:0}#how-it-works-page .step-banner-image img{object-fit:contain;object-position:bottom;border-radius:0 0 40px;width:auto;height:100%}#how-it-works-page .step-banner-image-mobile{display:none}#how-it-works-page .step-content-list{margin-top:4rem;padding-left:100px;position:relative}#how-it-works-page .timeline-dots{width:2px;position:absolute;top:0;bottom:0;left:45px}#how-it-works-page .dot-group{background:var(--brand-gradient);opacity:.3;width:2px;height:100%}#how-it-works-page .content-row{align-items:center;gap:3rem;margin-bottom:4rem;display:flex}#how-it-works-page .content-row-image{object-fit:contain;background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;width:160px;height:160px;padding:20px}#how-it-works-page .content-row-title{margin-bottom:.75rem;font-size:1.5rem;font-weight:700;display:block}#how-it-works-page .content-row-desc{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.05rem}@media (width<=768px){#how-it-works-page .hero-section{padding-top:140px}#how-it-works-page .step-banner{border-radius:30px;overflow:hidden}#how-it-works-page .step-banner-content{flex-direction:column;padding:0 1.5rem}#how-it-works-page .step-banner-text{width:100%;padding:2rem 0 .5rem}#how-it-works-page .step-banner-image{display:none}#how-it-works-page .step-content-list{padding-left:0}#how-it-works-page .timeline-dots{display:none}#how-it-works-page .content-row{text-align:center;flex-direction:column}#how-it-works-page .step-selector{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding:1rem;overflow-x:auto}#how-it-works-page .step-selector::-webkit-scrollbar{display:none}#how-it-works-page .step-buttons{white-space:nowrap}#how-it-works-page .step-btn{padding:10px 20px;font-size:.85rem}#how-it-works-page .step-banner-image-mobile{justify-content:center;align-items:flex-end;width:100%;margin-top:0;display:flex}#how-it-works-page .step-banner-image-mobile img{object-fit:contain;object-position:bottom;width:100%;height:auto;max-height:250px;display:block}}