.how-it-works-main{background:var(--color-dark);padding:100px 20px;position:relative}.how-it-works-container{margin:0 auto;max-width:1200px}.how-it-works-header{animation:fadeInUp .6s ease-out .2s both;margin-bottom:80px;text-align:center}.how-it-works-title{background:linear-gradient(135deg,#fff,#b1e35d);-webkit-background-clip:text;color:var(--color-white);font-size:48px;font-weight:700;line-height:1.2;margin-bottom:16px;-webkit-text-fill-color:transparent;background-clip:text}.how-it-works-subtitle{color:var(--color-darkWhite);font-family:var(--font-body);font-size:18px;line-height:1.6}.how-it-works-steps{animation:fadeInUp .6s ease-out .3s both;display:grid;gap:40px;margin-bottom:80px;position:relative}.how-it-works-step{background:rgba(21,28,37,.5);border:1px solid var(--color-grey);border-radius:12px;padding:40px;position:relative;text-align:center;transition:all .3s}.how-it-works-step:hover{background:rgba(21,28,37,.8);border-color:var(--color-green);transform:translateY(-4px)}.step-number{font-family:var(--font-body);font-size:48px;font-weight:700;line-height:1;margin-bottom:16px;opacity:.3}.step-icon,.step-number{color:var(--color-green)}.step-icon{align-items:center;background:rgba(177,227,93,.1);border-radius:8px;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.step-title{color:var(--color-white);font-family:var(--font-body);font-size:24px;font-weight:600;line-height:1.3;margin:0 0 12px}.step-description{color:var(--color-darkWhite);font-family:var(--font-body);font-size:16px;line-height:1.6;margin:0}.step-connector{background:linear-gradient(180deg,var(--color-green),transparent);height:40px;margin:0 auto;width:2px}.how-it-works-benefits{animation:fadeInUp .6s ease-out .4s both;margin-bottom:60px}.benefits-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-card{background:rgba(21,28,37,.5);border:1px solid var(--color-grey);border-radius:12px;padding:24px;text-align:center;transition:all .3s}.benefit-card:hover{background:rgba(21,28,37,.8);border-color:var(--color-green);transform:translateY(-4px)}.benefit-icon{align-items:center;background:rgba(177,227,93,.1);border-radius:8px;color:var(--color-green);display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.benefit-title{color:var(--color-white);font-family:var(--font-body);font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}.benefit-text{color:var(--color-darkWhite);font-family:var(--font-body);font-size:14px;line-height:1.6;margin:0}.how-it-works-cta{animation:fadeInUp .6s ease-out .5s both;text-align:center}.how-it-works-cta-text{color:var(--color-white);font-family:var(--font-body);font-size:20px;font-weight:600;margin:0 0 24px}.how-it-works-cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.how-it-works-cta-primary{align-items:center;background:var(--color-green);border:none;border-radius:8px;color:var(--color-dark);cursor:pointer;display:flex;font-family:var(--font-body);font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .3s}.how-it-works-cta-primary:hover{background:#a0d34d;box-shadow:0 8px 24px rgba(177,227,93,.3);transform:translateY(-2px)}.how-it-works-cta-primary svg{transition:transform .3s}.how-it-works-cta-primary:hover svg{transform:translateX(3px)}.how-it-works-cta-secondary{align-items:center;background:rgba(21,28,37,.5);border:1px solid var(--color-grey);border-radius:8px;color:var(--color-white);cursor:pointer;display:flex;font-family:var(--font-body);font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s}.how-it-works-cta-secondary:hover{background:rgba(21,28,37,.8);border-color:var(--color-green);box-shadow:0 8px 24px rgba(177,227,93,.2);color:var(--color-green);transform:translateY(-2px)}@media (max-width:1024px){.how-it-works-main{padding:80px 20px}.how-it-works-header{margin-bottom:60px}.how-it-works-title{font-size:36px}.how-it-works-subtitle{font-size:16px}.how-it-works-steps{gap:32px;margin-bottom:60px}.how-it-works-step{padding:32px}.step-title{font-size:20px}.step-description{font-size:15px}.benefits-grid{gap:20px}.benefit-title{font-size:16px}}@media (max-width:640px){.how-it-works-main{padding:60px 16px}.how-it-works-header{margin-bottom:40px}.how-it-works-title{font-size:28px;margin-bottom:12px}.how-it-works-subtitle{font-size:14px}.how-it-works-steps{gap:24px;margin-bottom:40px}.how-it-works-step{padding:24px}.step-number{font-size:36px;margin-bottom:12px}.step-icon{height:64px;margin-bottom:16px;width:64px}.step-icon svg{height:36px;width:36px}.step-title{font-size:18px;margin-bottom:8px}.step-description{font-size:14px}.step-connector{height:32px}.benefits-grid{gap:16px;grid-template-columns:1fr}.benefit-icon{height:56px;margin-bottom:12px;width:56px}.benefit-icon svg{height:28px;width:28px}.benefit-title{font-size:16px;margin-bottom:6px}.benefit-text{font-size:13px}.how-it-works-cta{margin-top:40px}.how-it-works-cta-text{font-size:18px;margin-bottom:16px}.how-it-works-cta-buttons{gap:12px}.how-it-works-cta-primary,.how-it-works-cta-secondary{font-size:14px;justify-content:center;padding:12px 24px;width:100%}}