:root{--primary-color:#6a5acd;--secondary-color:#f0f4f8;--background-color:#fff;--text-color:#333;--subtext-color:#555;--highlight-color:#6a5acd;--shadow-color:#0000001a;--transition-duration:.3s;--border-radius:12px;--font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;--icon-size:3rem;--icon-size-mobile:2.5rem;--modal-overlay-bg:#00000080;--modal-width:90%;--modal-max-width:600px}.how-it-works{background-color:var(--secondary-color);font-family:var(--font-family);padding:60px 20px}@media (max-width:768px){.how-it-works{padding:40px 15px}}.how-it-works__title{text-align:center;color:var(--text-color);margin-bottom:40px;font-size:2.5rem;position:relative}.how-it-works__title .highlight{color:var(--highlight-color)}.how-it-works__title:after{content:"";background-color:var(--highlight-color);border-radius:2px;width:60px;height:4px;margin:10px auto 0;display:block}@media (max-width:768px){.how-it-works__title{margin-bottom:30px;font-size:2rem}.how-it-works__title:after{width:40px;height:3px}}.how-it-works__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}@media (max-width:768px){.how-it-works__grid{grid-template-columns:1fr;gap:20px}}.how-it-works__segment{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:0 8px 20px var(--shadow-color);transition:transform var(--transition-duration),box-shadow var(--transition-duration);text-align:center;cursor:pointer;outline:none;flex-direction:column;align-items:center;padding:30px 20px;display:flex;position:relative;overflow:hidden}.how-it-works__segment:focus{box-shadow:0 12px 25px var(--shadow-color),0 0 0 3px #6a5acd80}.how-it-works__segment:hover,.how-it-works__segment--active{box-shadow:0 12px 25px var(--shadow-color);transform:translateY(-10px)}@media (max-width:768px){.how-it-works__segment{padding:25px 15px}}.how-it-works__icon{font-size:var(--icon-size);color:var(--highlight-color);transition:transform var(--transition-duration);margin-bottom:20px}.how-it-works__segment:hover .how-it-works__icon,.how-it-works__segment--active .how-it-works__icon{transform:scale(1.1)}@media (max-width:768px){.how-it-works__icon{font-size:var(--icon-size-mobile);margin-bottom:15px}}.how-it-works__segment-title{color:var(--text-color);transition:color var(--transition-duration);margin-bottom:15px;font-size:1.5rem}.how-it-works__segment-description{color:var(--subtext-color);transition:color var(--transition-duration);font-size:1rem;line-height:1.6}.how-it-works__segment:hover .how-it-works__segment-title,.how-it-works__segment--active .how-it-works__segment-title{color:var(--highlight-color)}.how-it-works__segment:hover .how-it-works__segment-description,.how-it-works__segment--active .how-it-works__segment-description{color:var(--text-color)}.how-it-works__segment:after{content:"";background-color:var(--highlight-color);width:0;height:2px;transition:width var(--transition-duration);position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.how-it-works__segment:hover:after,.how-it-works__segment--active:after{width:40%}@media (max-width:768px){.how-it-works__segment:after{height:1.5px;bottom:5px}}.how-it-works__fade-in{opacity:0;animation:.6s forwards fadeInUp;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.modal-overlay{background-color:var(--modal-overlay-bg);z-index:1000;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--background-color);border-radius:var(--border-radius);width:var(--modal-width);max-width:var(--modal-max-width);box-shadow:0 8px 20px var(--shadow-color);padding:30px 20px;animation:.3s ease-out slideIn;position:relative}.modal-close-button{color:var(--text-color);cursor:pointer;transition:color var(--transition-duration);background:0 0;border:none;font-size:1.5rem;position:absolute;top:15px;right:20px}.modal-close-button:hover{color:var(--highlight-color)}.modal-title{color:var(--text-color);margin-bottom:20px;font-size:1.8rem}.modal-description{color:var(--subtext-color);font-size:1rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px)}to{transform:translateY(0)}}@media (max-width:768px){.modal-content{padding:20px 15px}.modal-title{font-size:1.5rem}.modal-description{font-size:.95rem}.modal-close-button{font-size:1.2rem;top:10px;right:15px}}.flow-chart{flex-direction:column;max-width:800px;margin:0 auto;padding:20px 0;display:flex}.flow-step{opacity:0;margin-bottom:20px;transition:opacity .6s,transform .6s;display:flex;transform:translateY(30px)}.flow-step--visible{opacity:1;transform:translateY(0)}.flow-step__connector{flex-direction:column;align-items:center;width:40px;margin-right:20px;display:flex}.flow-step__line{background-color:var(--highlight-color);width:4px;height:100px;margin-top:60px}.flow-step__content{background-color:var(--background-color);border-radius:var(--border-radius);box-shadow:0 8px 20px var(--shadow-color);transition:transform var(--transition-duration),box-shadow var(--transition-duration);flex:1;padding:20px;display:flex}.flow-step__content:hover{box-shadow:0 12px 25px var(--shadow-color);transform:translateY(-5px)}.flow-step__icon{font-size:var(--icon-size);color:var(--highlight-color);justify-content:center;align-items:center;margin-right:20px;display:flex}.flow-step__info{flex:1}.flow-step__title{color:var(--text-color);margin-bottom:10px;font-size:1.5rem}.flow-step__description{color:var(--subtext-color);font-size:1rem;line-height:1.6}@media (max-width:768px){.flow-step__connector{width:30px;margin-right:15px}.flow-step__line{width:3px;height:80px}.flow-step__content{flex-direction:column;padding:15px}.flow-step__icon{font-size:var(--icon-size-mobile);margin-bottom:15px;margin-right:0}.flow-step__title{text-align:center;font-size:1.3rem}.flow-step__description{text-align:center}}