.how-it-works-section{margin-top:4rem;margin-bottom:6rem;padding:4rem 1.5rem 5rem;background:linear-gradient(135deg,var(--color-primary-container) 0%,var(--color-surface-container-highest) 100%);position:relative;text-align:center;overflow:hidden}.how-it-works-section:before{content:"";position:absolute;top:0;right:0;width:400px;height:400px;background:#fff;border-radius:50%;filter:blur(100px);opacity:.15;transform:translate(30%);pointer-events:none}@media(min-width:768px){.how-it-works-section{margin-top:6rem;margin-bottom:8rem;padding:5rem 1.5rem 6rem}}.steps-list{display:flex;flex-direction:column;gap:2rem;list-style:none;padding:0;max-width:1200px;margin:0 auto;position:relative;z-index:1}@media(min-width:768px){.steps-list{flex-direction:row;justify-content:center;gap:3rem}}.step-card{position:relative;flex:1;max-width:340px;margin:0 auto;padding:3rem 2rem 2.5rem;border-radius:1.5rem;background:linear-gradient(135deg,var(--color-surface-bright) 0%,var(--color-surface) 100%);border:1px solid var(--color-outline-variant);box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}@media(min-width:768px){.step-card{padding:3.5rem 2.5rem 3rem;border-radius:1.75rem}}.step-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl),0 0 40px var(--shadow-glow)}.step-number{position:absolute;top:-1rem;left:50%;transform:translate(-50%);width:2.25rem;height:2.25rem;background:var(--color-primary);color:var(--color-on-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;box-shadow:var(--shadow-md)}.step-icon{display:block;font-size:3rem;color:var(--color-primary);margin-bottom:1.5rem;transition:transform .3s ease}@media(min-width:768px){.step-icon{font-size:3.5rem;margin-bottom:2rem}}.step-card:hover .step-icon{transform:scale(1.1)}.step-card h3{font-size:1.25rem;font-weight:600;color:var(--color-on-surface);margin:0 0 .75rem}@media(min-width:768px){.step-card h3{font-size:1.375rem;margin-bottom:1rem}}.step-card p{font-size:1rem;color:var(--color-on-surface-variant);margin:0;line-height:1.7}@media(min-width:768px){.step-card p{font-size:1.0625rem}}.light .step-card{box-shadow:var(--shadow-md)}.light .step-card:hover{box-shadow:var(--shadow-xl),0 0 40px var(--shadow-glow)}.light .step-number{box-shadow:var(--shadow-sm)}