.how-it-works_container__PW92Q{max-width:var(--container-width);margin:0 auto;padding:80px 20px;display:flex;flex-direction:column;gap:80px;animation:how-it-works_fadeIn__wpEiL 1s cubic-bezier(.16,1,.3,1)}@keyframes how-it-works_fadeIn__wpEiL{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.how-it-works_header__cVdxD{text-align:center;margin-bottom:20px}.how-it-works_logo__xMhAG{font-size:3rem;font-weight:800;display:flex;letter-spacing:-1.5px;align-items:center;justify-content:center;color:var(--primary-color);margin-bottom:1rem}.how-it-works_logo__xMhAG svg{width:55px;height:55px;color:var(--accent-color)}.how-it-works_section__7Dvaq{display:flex;flex-direction:column;gap:40px;width:100%}.how-it-works_sectionHeader__iY750{display:flex;align-items:center;justify-content:flex-start;gap:20px;margin-bottom:20px}.how-it-works_iconWrapper__oiMHP{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:16px;color:white;box-shadow:0 10px 25px rgba(44,115,110,.4);transform:rotate(-5deg);transition:transform .3s cubic-bezier(.16,1,.3,1)}.how-it-works_sectionHeader__iY750:hover .how-it-works_iconWrapper__oiMHP{transform:rotate(0deg) scale(1.05)}.how-it-works_sectionTitle__grG5U{font-size:2.5rem;font-weight:800;color:var(--text-color);margin:0;letter-spacing:-.5px}.how-it-works_grid__cwNbK{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:30px;gap:30px;width:100%}.how-it-works_card__SsRzw{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);padding:35px;border-radius:24px;box-shadow:0 15px 35px var(--shadow-light),inset 0 1px 0 rgba(255,255,255,.6);transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.how-it-works_card__SsRzw:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));opacity:.8;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}.how-it-works_card__SsRzw:hover{transform:translateY(-8px);box-shadow:0 25px 50px var(--shadow-strong),inset 0 1px 0 rgba(255,255,255,.8);border-color:rgba(255,255,255,.8)}.how-it-works_card__SsRzw:hover:before{transform:scaleX(1)}.how-it-works_cardHeader__xVCma{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:25px}.how-it-works_cardHeader__xVCma h3{font-size:1.5rem;color:var(--text-color);margin:0;font-weight:700}.how-it-works_interactiveCard___VqQi{grid-column:1/-1}@media (min-width:900px){.how-it-works_interactiveCard___VqQi{grid-column:span 1}}.how-it-works_cardDesc__6BpLX{color:var(--light-text-color);font-size:1rem;line-height:1.5}.how-it-works_btnBase__9X88W{background:var(--primary-color);color:white;border:none;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);font-size:.95rem;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(44,115,110,.3)}.how-it-works_btnBase__9X88W:hover{background:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px rgba(230,126,34,.4)}.how-it-works_btnGhost__NPDyk{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:none}.how-it-works_btnGhost__NPDyk:hover{background:var(--primary-color);color:white;box-shadow:0 4px 15px rgba(44,115,110,.3)}.how-it-works_taskList__wLfmN{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.how-it-works_taskItem__5Mzt_{display:flex;align-items:center;gap:16px;padding:16px 20px;background:rgba(255,255,255,.6);border:1px solid var(--border-subtle);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}@media (prefers-color-scheme:dark){.how-it-works_taskItem__5Mzt_{background:rgba(0,0,0,.2)}}.how-it-works_taskItem__5Mzt_:hover{background:var(--card-bg);transform:translateX(6px);border-color:var(--secondary-color);box-shadow:0 5px 15px var(--shadow-light)}.how-it-works_checkbox__rNfqo{width:24px;height:24px;border:2px solid var(--secondary-color);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1);background:transparent}.how-it-works_completed__r160_ .how-it-works_checkbox__rNfqo{background:var(--primary-color);border-color:var(--primary-color);color:white}.how-it-works_taskContent__ZISFp{display:flex;flex-direction:column;gap:8px;flex:1 1}.how-it-works_taskText__NPJdo{font-size:1rem;color:var(--text-color);font-weight:600;transition:all .3s ease}.how-it-works_completed__r160_ .how-it-works_taskText__NPJdo{text-decoration:line-through;color:var(--light-text-color);opacity:.6}.how-it-works_taskMeta__20wqu{display:flex;gap:8px;flex-wrap:wrap}.how-it-works_badge__hrG_9{font-size:.75rem;padding:4px 10px;border-radius:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center}.how-it-works_high__oyQWP{background:rgba(231,76,60,.1);color:#e74c3c}.how-it-works_medium__Tc1lj{background:rgba(243,156,18,.1);color:#f39c12}.how-it-works_low__RMNQx{background:rgba(46,204,113,.1);color:#2ecc71}.how-it-works_repeatBadge__X0nkk{background:var(--section-bg);color:var(--primary-color);border:1px solid var(--border-subtle)}.how-it-works_statusInProgress__LjiNJ{background:rgba(44,115,110,.1);color:var(--primary-color);border:1px solid rgba(44,115,110,.2)}.how-it-works_statusActive__RK9GT{background:rgba(46,204,113,.1);color:#2ecc71;border:1px solid rgba(46,204,113,.2)}.how-it-works_approvedLabel__BPYVE{background:rgba(46,204,113,.15);color:#2ecc71;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;margin-left:auto}.how-it-works_addTaskForm__pCIDB{background:rgba(0,0,0,.03);padding:20px;border-radius:16px;border:1px solid var(--border-subtle);margin-bottom:25px;display:flex;flex-direction:column;gap:15px;animation:how-it-works_slideDown__jskVh .4s cubic-bezier(.16,1,.3,1)}@media (prefers-color-scheme:dark){.how-it-works_addTaskForm__pCIDB{background:rgba(0,0,0,.2)}}@keyframes how-it-works_slideDown__jskVh{0%{opacity:0;transform:translateY(-15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.how-it-works_inputField__jyOH0,.how-it-works_selectField__CDL3k{width:100%;padding:14px 16px;border:1.5px solid var(--border-subtle);border-radius:12px;outline:none;font-size:1rem;font-family:inherit;color:var(--text-color);background:rgba(255,255,255,.6);transition:all .3s ease}@media (prefers-color-scheme:dark){.how-it-works_inputField__jyOH0,.how-it-works_selectField__CDL3k{background:rgba(0,0,0,.25);color:var(--text-color);border-color:rgba(255,255,255,.08)}.how-it-works_inputField__jyOH0::placeholder{color:var(--light-text-color)}}.how-it-works_inputField__jyOH0:focus,.how-it-works_selectField__CDL3k:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(44,115,110,.1)}.how-it-works_formRow__QPD8j{display:flex;gap:15px}.how-it-works_projectDetails__0Tz0w{display:flex;flex-direction:column;gap:20px;width:100%}.how-it-works_detailRow__w5J1R{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px dashed var(--border-subtle)}.how-it-works_detailLabel__SiOT2{color:var(--light-text-color);font-size:.95rem;font-weight:500}.how-it-works_detailValue__EHPoE{color:var(--text-color);font-weight:700;display:flex;align-items:center;gap:10px;font-size:1rem}.how-it-works_statusDot__2zLZm{width:10px;height:10px;border-radius:50%;animation:how-it-works_pulse__LbLHJ 2s infinite}@keyframes how-it-works_pulse__LbLHJ{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(46,204,113,.7)}70%{transform:scale(1);box-shadow:0 0 0 8px rgba(46,204,113,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(46,204,113,0)}}.how-it-works_tasksSummary__lOb_T{background:var(--pill-bg);padding:20px;border-radius:16px;border:1px solid var(--border-subtle)}.how-it-works_tasksSummary__lOb_T h4{margin:0 0 15px;font-size:1rem;color:var(--primary-color);font-weight:700}.how-it-works_progressBarWrapper__y_lNf{width:100%;height:10px;background:rgba(0,0,0,.05);border-radius:5px;overflow:hidden;margin-bottom:10px}.how-it-works_progressBar__aPEa2{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:5px;transition:width .8s cubic-bezier(.16,1,.3,1)}.how-it-works_progressText___2dA3{font-size:.85rem;color:var(--light-text-color);font-weight:600;display:block;margin-bottom:15px}.how-it-works_miniTaskList__o9oub{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.how-it-works_miniTaskItem__aS8TM{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.4);padding:10px 14px;border-radius:12px;font-size:.9rem;color:var(--text-color);font-weight:500;transition:all .2s ease}@media (prefers-color-scheme:dark){.how-it-works_miniTaskItem__aS8TM{background:rgba(0,0,0,.15)}}.how-it-works_miniTaskItem__aS8TM:hover{background:var(--card-bg);transform:translateX(4px)}.how-it-works_miniCheckbox__hbRKM{width:16px;height:16px;border:2px solid var(--secondary-color);border-radius:4px;flex-shrink:0;transition:all .2s ease}.how-it-works_miniCompleted__CprYR{background:var(--primary-color);border-color:var(--primary-color)}.how-it-works_miniCompletedText__WLlma{text-decoration:line-through;color:var(--light-text-color);opacity:.7}.how-it-works_connectTaskList__KwO0h{margin-top:15px;background:rgba(255,255,255,.5);border-radius:12px;padding:15px;border:1.5px dashed var(--secondary-color);display:flex;flex-direction:column;gap:8px}.how-it-works_connectTaskItem__2tA2h{display:flex;justify-content:space-between;align-items:center;padding:10px;background:var(--card-bg);border-radius:8px;font-size:.9rem;box-shadow:0 2px 5px var(--shadow-light)}.how-it-works_approveBtn__sEPCN{background:transparent;color:#2ecc71;border:1px solid #2ecc71;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto}.how-it-works_approveBtn__sEPCN:hover{background:#2ecc71;color:white;transform:translateY(-1px);box-shadow:0 4px 10px rgba(46,204,113,.2)}.how-it-works_paymentSelect__iFo8K{border:none;background:transparent;font-weight:700;font-size:1rem;color:var(--text-color);cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.how-it-works_paymentSelect__iFo8K option{background:var(--card-bg);color:var(--text-color)}.how-it-works_ctaContainer__3XAos{display:flex;justify-content:center;align-items:center;margin-top:40px;margin-bottom:40px}.how-it-works_ctaButton__rAgMS{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white;font-size:1.1rem;font-weight:700;padding:16px 36px;border-radius:50px;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 10px 25px rgba(44,115,110,.4);transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-block}.how-it-works_ctaButton__rAgMS:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 35px rgba(230,126,34,.5)}.how-it-works_pageSubtitle__Xm9Z2{font-size:2.2rem;font-weight:800;color:var(--text-color);margin-top:10px;margin-bottom:15px}.how-it-works_pageIntro__0rlJW{font-size:1.1rem;color:var(--light-text-color);max-width:600px;margin:0 auto 40px}.how-it-works_tutorialStep__Kql0Z{display:flex;flex-direction:column;gap:40px;margin-bottom:80px;padding-top:40px;border-top:1px dashed var(--border-subtle)}.how-it-works_tutorialStep__Kql0Z:first-of-type{border-top:none;padding-top:0}.how-it-works_stepInfo__g5WvO{width:100%;max-width:800px;margin:0 auto;text-align:center}.how-it-works_stepDemo__l4T9k{width:100%}.how-it-works_stepDemo__l4T9k .how-it-works_grid__cwNbK{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:30px;gap:30px;width:100%}.how-it-works_stepNumber__8FhFz{display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white;font-weight:800;font-size:.85rem;padding:6px 16px;border-radius:20px;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px var(--shadow-light)}.how-it-works_stepTitle__AEOSL{font-size:2.2rem;font-weight:800;color:var(--text-color);margin-bottom:20px;line-height:1.2}.how-it-works_stepDesc__4aA9J{font-size:1.05rem;color:var(--light-text-color);line-height:1.6;margin-bottom:30px}.how-it-works_featureList__pjT_X{list-style:none;padding:0;display:flex;flex-direction:column;gap:15px;max-width:650px;margin:0 auto;text-align:left}.how-it-works_featureItem__YCuLQ{display:flex;align-items:flex-start;gap:12px}.how-it-works_featureIcon__Gqv_x{color:var(--accent-color);flex-shrink:0;margin-top:2px}.how-it-works_featureText__pjIwU{font-size:.95rem;color:var(--text-color);font-weight:500;line-height:1.5}.how-it-works_featureText__pjIwU b{color:var(--primary-color)}@media (max-width:768px){.how-it-works_container__PW92Q{padding:40px 15px;gap:40px}.how-it-works_logo__xMhAG{font-size:2.2rem}.how-it-works_pageSubtitle__Xm9Z2{font-size:1.8rem}.how-it-works_pageIntro__0rlJW{font-size:1rem;padding:0 10px}.how-it-works_stepTitle__AEOSL{font-size:1.8rem}.how-it-works_grid__cwNbK{grid-template-columns:1fr;gap:20px}.how-it-works_card__SsRzw{padding:25px 20px}.how-it-works_cardHeader__xVCma{flex-direction:column;align-items:flex-start;gap:15px}.how-it-works_detailRow__w5J1R{flex-direction:column;align-items:flex-start;gap:6px}.how-it-works_formRow__QPD8j{flex-direction:column}.how-it-works_taskItem__5Mzt_{padding:12px 15px}.how-it-works_taskMeta__20wqu{margin-top:4px}}