.section-full{align-items:center;display:flex;min-height:100vh}.steps-video-spinner{animation:spin 1s linear infinite;border:3px solid #e0e7ff;border-radius:50%;border-top-color:#4f46e5;height:24px;left:50%;margin-left:-12px;position:absolute;top:50%;width:24px;z-index:10}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.video-container{height:100%;position:relative;width:100%}.wifi-step-card{cursor:pointer;height:520px;min-width:340px;transition:all .5s ease}.wifi-step-card.expanded{cursor:default;max-width:600px;min-width:600px}.wifi-step-card.expanded .video-container{cursor:pointer}.wifi-step-card.collapsed{background:#f0f0f1;border-color:transparent!important;filter:blur(1px);min-width:340px;opacity:.5}.wifi-step-card.collapsed:hover{filter:blur(0);opacity:.8}.wifi-step-card.active{background-color:#fff!important;border-color:#e0e7ff!important;opacity:1}.wifi-step-card.active h3{color:#3143e5!important}.step-content{overflow:hidden;transition:all .3s ease}.step-content.hidden{opacity:.6;pointer-events:none;transform:scale(.8)}.step-content.visible{opacity:1;pointer-events:auto;transform:scale(1)}@media (max-width:768px){.wifi-step-card,.wifi-step-card.collapsed,.wifi-step-card.expanded{min-width:324px}.step-content.hidden{max-height:none;opacity:1}}.overflow-x-auto::-webkit-scrollbar{display:none}.overflow-x-auto{-ms-overflow-style:none;scrollbar-width:none}@keyframes float-bg{0%{transform:translateX(-50%) scale(1) translateY(0) rotate(0deg)}15%{transform:translateX(-35%) scale(1.2) translateY(-30px) rotate(5deg)}30%{transform:translateX(-65%) scale(.8) translateY(25px) rotate(-8deg)}45%{transform:translateX(-40%) scale(1.15) translateY(-20px) rotate(12deg)}60%{transform:translateX(-60%) scale(.9) translateY(35px) rotate(-6deg)}75%{transform:translateX(-45%) scale(1.1) translateY(-25px) rotate(10deg)}90%{transform:translateX(-55%) scale(.95) translateY(15px) rotate(-4deg)}to{transform:translateX(-50%) scale(1) translateY(0) rotate(0deg)}}.animate-float-bg{animation:float-bg 30s ease-in-out infinite;opacity:.08;top:50%}@media (max-width:768px){.section-full{background-color:#fff!important;min-height:auto}.wifi-step-card{cursor:default;height:420px}#wifi-steps-container{padding-left:4vw;padding-right:4vw}}@media (min-width:768px){.wifi-step-card{height:580px}#wifi-steps-container{padding-left:20vw;padding-right:20vw}}