@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.how-to-use{padding:8rem 2rem;background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-darker) 100%);overflow:visible}.how-to-use-container{max-width:1400px;margin:0 auto}.how-to-use-header{text-align:center;margin-bottom:6rem}.how-to-use-title{font-size:3.5rem;font-weight:600;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-light) 30%,var(--pink-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}html[dir="rtl"] .how-to-use-title,html[dir="rtl"] .how-to-use-subtitle,html[dir="rtl"] .how-to-use-step-title,html[dir="rtl"] .how-to-use-step-description{letter-spacing:0}html[dir="rtl"] .how-to-use-step-description{line-height:1.7}.how-to-use-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.how-to-use-steps{display:flex;flex-direction:column;gap:8rem}.how-to-use-step{display:flex;align-items:center;gap:4rem}.how-to-use-step:nth-child(even){flex-direction:row-reverse}.how-to-use-step-content{flex:.8;padding:2rem}.how-to-use-step-number{width:48px;height:48px;background:var(--surface-overlay);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;color:var(--pink-primary);transition:all .3s ease}.how-to-use-step:hover .how-to-use-step-number{transform:translateY(-5px);background:var(--surface-overlay-strong);border-color:var(--pink-primary);box-shadow:var(--shadow-md)}.how-to-use-step-title{font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-light);line-height:1.2}.how-to-use-step-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;max-width:480px}.how-to-use-step-image{flex:1.2;position:relative;overflow:hidden}.how-to-use-img{width:100%;height:auto;border-radius:1rem;box-shadow:var(--shadow-lg);background:var(--surface-subtle);backdrop-filter:blur(10px);transition:transform .3s ease,opacity .3s ease;opacity:.95}.how-to-use-img:hover{transform:translateY(-5px);opacity:1}.how-to-use-img:not([src]){min-height:300px;background:var(--surface-subtle)}.how-to-use-step-image::before{content:'';position:absolute;top:-10%;right:-10%;width:100%;height:120%;background:radial-gradient(circle at center,var(--surface-subtle),transparent 70%);pointer-events:none;z-index:-1}html[dir="rtl"] .how-to-use-step-image::before{right:auto;left:-10%}.how-to-use-steps::before{content:'';position:absolute;top:24px;left:25%;right:25%;height:1px;background:linear-gradient(to right,transparent,var(--pink-primary) 20%,var(--pink-primary) 80%,transparent);opacity:.3;z-index:-1}@media (max-width:1200px){.how-to-use{padding:6rem 2rem}.how-to-use-step{gap:3rem}}@media (max-width:992px){.how-to-use-title{font-size:2.5rem}.how-to-use-steps{gap:6rem}.how-to-use-step,.how-to-use-step:nth-child(even){flex-direction:column;gap:2rem;text-align:center}.how-to-use-step-content{padding:0}.how-to-use-step-description{margin:0 auto}.how-to-use-steps::before{display:none}.how-to-use-step-number{margin:0 auto 1.5rem}}@media (max-width:734px){.how-to-use-title{font-size:2rem}.how-to-use-subtitle{font-size:1rem}.how-to-use-step-title{font-size:1.5rem}}@media (max-width:480px){.how-to-use{padding:4rem 1.5rem}.how-to-use-header{margin-bottom:4rem}.how-to-use-steps{gap:4rem}}