:root{--primary-color: #f0b90b;--secondary-color: #2c2c2c;--text-primary: #ffffff;--text-secondary: #e0e0e0;--background-dark: #1e1e1e;--background-card: #242424;--border-color: #333333;--circle-size: 100px;--connector-height: 3px;--icon-size: 2.5rem;--number-size: 32px}.how-it-works{padding: 6rem 0;background-color: var(--background-dark);position: relative;overflow: hidden}.how-it-works::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: linear-gradient(90deg, transparent, var(--primary-color), transparent);opacity: 0.2}.how-it-works .container{max-width: 1200px;margin: 0 auto;padding: 0 1.5rem}.how-it-works h2{text-align: center;font-size: 2.5rem;color: var(--text-primary);margin-bottom: 1rem;font-weight: 700}.steps-container{padding: 3rem 0;position: relative}.steps-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 3rem;position: relative;max-width: 1000px;margin: 0 auto}.step-item{display: flex;flex-direction: column;align-items: center;text-align: center;padding: 1.5rem;position: relative;transition: transform 0.3s ease}.step-item:hover{transform: translateY(-5px)}.step-icon{position: relative;width: var(--circle-size);height: var(--circle-size);background: var(--background-card);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 2rem;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);transition: all 0.3s ease;border: 2px solid var(--border-color)}.step-item:hover .step-icon{border-color: var(--primary-color);box-shadow: 0 15px 35px rgba(240, 185, 11, 0.15);transform: scale(1.05)}.step-icon i{font-size: var(--icon-size);color: var(--primary-color);transition: transform 0.3s ease}.step-item:hover .step-icon i{transform: scale(1.1)}.step-number{position: absolute;top: -5px;right: -5px;width: var(--number-size);height: var(--number-size);background: var(--primary-color);color: var(--background-dark);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 1.125rem;border: 3px solid var(--background-dark);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2)}.step-content h3{color: var(--text-primary);font-size: 1.5rem;margin-bottom: 1rem;font-weight: 600}.step-content p{color: var(--text-secondary);font-size: 1.125rem;line-height: 1.7;max-width: 280px;margin: 0 auto}.step-connector{display: none}@media (min-width: 992px){.step-connector{display: block;position: absolute;top: calc(var(--circle-size) / 2);left: calc(50% + var(--circle-size) / 2 + 2rem);right: calc(50% - var(--circle-size) / 2 - 2rem);height: var(--connector-height);background: linear-gradient(90deg, var(--primary-color), var(--primary-color));opacity: 0.2}.steps-grid{grid-template-columns: repeat(3, 1fr)}}@media (max-width: 991px){.how-it-works{padding: 4rem 0}.how-it-works h2{font-size: 2rem}.step-item{padding: 1rem 0}.step-content h3{font-size: 1.25rem}.step-content p{font-size: 1rem}.step-icon{--circle-size: 90px;--icon-size: 2rem}}@media (max-width: 480px){.step-icon{--circle-size: 80px;--icon-size: 1.75rem}.step-number{--number-size: 28px}}