.howto-steps{max-width:800px;margin:0 auto 60px;display:flex;flex-direction:column;gap:25px}.howto-step{display:flex;align-items:flex-start;gap:20px;padding:25px;background:var(--color-gray-50);border-radius:var(--radius-card);position:relative}.howto-step-number{width:40px;height:40px;background:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;flex-shrink:0}.howto-step-icon{font-size:1.5rem;color:var(--color-primary);flex-shrink:0;margin-top:3px}.howto-step-content h3{color:var(--color-gray-900);margin-bottom:5px}.howto-step-content p{color:var(--color-gray-500);font-size:.95rem;line-height:1.6}.howto-video-grid h2{text-align:center;color:var(--color-gray-900);margin-bottom:30px}.howto-platform-section{margin-bottom:60px}.howto-platform-section:last-child{margin-bottom:0}.howto-platform-header{display:flex;align-items:center;gap:14px;padding:16px 24px;background:var(--color-gray-50);border-left:4px solid var(--color-primary);border-radius:var(--radius-card);margin-bottom:24px}.howto-platform-header h3{margin:0;color:var(--color-gray-900);font-size:1.5rem}.howto-platform-icon{font-size:2rem;flex-shrink:0}.howto-platform-icon-web{color:var(--color-primary)}.howto-platform-icon-android{color:#3ddc84}.howto-platform-icon-windows{color:#0078d6}.howto-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.howto-video-card{text-align:center;background:var(--color-white);border-radius:var(--radius-card);border:1px solid var(--color-gray-200);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.howto-video-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.howto-video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.howto-video-wrapper iframe,.howto-video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.howto-video-wrapper video{background:var(--color-gray-900);object-fit:cover}.howto-video-card h4{color:var(--color-gray-900);font-size:.95rem;padding:12px 16px}@media(max-width:1024px){.howto-videos{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.howto-step{flex-direction:column;text-align:center;align-items:center}.howto-videos{grid-template-columns:1fr}}