:root{--how-it-works-bg:#f8fafc;--how-it-works-accent:#6366f1;--how-it-works-accent-light:rgba(99, 102, 241, 0.1);--how-it-works-border:rgba(99, 102, 241, 0.2);--how-it-works-text:#1e293b;--how-it-works-text-light:#64748b;--how-it-works-icon:#0f172a;--how-it-works-icon-bg:#e0e7ff;--how-it-works-icon-ring:#c7d2fe;--how-it-works-shadow:0 4px 6px rgba(0, 0, 0, 0.07);--how-it-works-shadow-hover:0 20px 25px rgba(99, 102, 241, 0.15)}.how-it-works{background:var(--how-it-works-bg);padding:80px 20px;position:relative;overflow:hidden}.how-it-works__container{max-width:1200px;margin:0 auto;position:relative}.how-it-works__header{text-align:center;margin-bottom:60px;animation:fadeInUp 0.8s ease-out}.how-it-works__title{font-size:clamp(28px, 5vw, 42px);font-weight:700;color:var(--how-it-works-text);margin:0 0 16px 0;letter-spacing:-.5px}.how-it-works__subtitle{font-size:16px;color:var(--how-it-works-text-light);max-width:600px;margin:0 auto;line-height:1.6}.how-it-works__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;position:relative;z-index:2}@media (min-width:1024px){.how-it-works__grid{grid-template-columns:repeat(3,1fr);gap:40px}}@media (max-width:1023px) and (min-width:640px){.how-it-works__grid{grid-template-columns:repeat(2,minmax(260px,1fr));justify-items:center}.how-it-works__card{max-width:520px;width:100%}.how-it-works__card:nth-child(3){grid-column:1 / -1;max-width:560px}}.how-it-works__card{background:rgb(255 255 255 / .8);backdrop-filter:blur(10px);border:1px solid var(--how-it-works-border);border-radius:16px;padding:2.5rem;display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-shadow:var(--how-it-works-shadow);transition:all 0.3s cubic-bezier(.4,0,.2,1);position:relative;@media (max-width:767px){padding:32px 20px;margin-left:40px}}.how-it-works__card:hover{box-shadow:var(--how-it-works-shadow-hover);border-color:var(--how-it-works-accent);transform:translateY(-8px)}.how-it-works__icon-wrapper{margin-bottom:24px;display:flex;justify-content:center;align-items:center;height:80px;width:80px;background:var(--how-it-works-icon-bg);border:2px solid var(--how-it-works-icon-ring);border-radius:12px;position:relative;transition:all 0.3s ease}.how-it-works__card:hover .how-it-works__icon-wrapper{background:var(--how-it-works-accent);border-color:var(--how-it-works-accent);transform:translateY(-2px)}.how-it-works__icon{width:48px;height:48px;color:var(--how-it-works-icon);flex-shrink:0;stroke-linecap:round;stroke-linejoin:round;transition:color 0.3s ease}.how-it-works__card:hover .how-it-works__icon{color:#fff;filter:drop-shadow(0 6px 14px rgb(99 102 241 / .35))}.how-it-works__step-title{font-size:20px;font-weight:600;color:var(--how-it-works-text);margin:0 0 16px 0;line-height:1.4}.how-it-works__step-text{font-size:15px;color:var(--how-it-works-text-light);line-height:1.6;margin:0;flex-grow:1}.how-it-works__step-text strong{color:var(--how-it-works-accent);font-weight:600}.highlight-text{color:var(--how-it-works-accent);font-weight:600}.how-it-works__badge{margin-top:20px;align-self:center;padding:6px 14px;border-radius:50px;background:#eef2ff;color:#1e1b4b;font-size:11px;font-weight:700;letter-spacing:.05rem;text-transform:uppercase}.how-it-works__timeline-line{display:none}@media (max-width:767px){.how-it-works__timeline-line{display:none}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.how-it-works__card.is-visible{animation:fadeInUp 0.6s ease-out forwards}.how-it-works__card.is-visible:nth-child(1){animation-delay:0s}.how-it-works__card.is-visible:nth-child(2){animation-delay:0.15s}.how-it-works__card.is-visible:nth-child(3){animation-delay:0.3s}.how-it-works__card{opacity:0;transform:translateY(20px)}@media (prefers-reduced-motion:reduce){.how-it-works__card,.how-it-works__header{animation:none!important;transition:none!important}.how-it-works__card:hover{transform:none}.how-it-works__card:hover .how-it-works__icon-wrapper{transform:none}}@media (max-width:480px){.how-it-works{padding:60px 16px}.how-it-works__header{margin-bottom:40px}.how-it-works__title{font-size:24px}.how-it-works__subtitle{font-size:14px}.how-it-works__card{padding:2.25rem;margin-left:35px}.how-it-works__icon-wrapper{height:70px;width:70px}.how-it-works__icon{width:42px;height:42px}.how-it-works__step-title{font-size:18px}.how-it-works__step-text{font-size:14px}}@media (max-width:768px) and (min-width:481px){.how-it-works{padding:70px 24px}.how-it-works__grid{gap:28px}}