.instruction-icon{position:fixed;bottom:10px;right:10px;transition:all .2s ease;cursor:pointer}.instruction-icon:hover{transition:all .2s ease;scale:1.05}.instruction__close-btn{position:absolute;right:40px;top:40px;width:24px;height:24px;border:none;background:#6c75cc;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;line-height:24px;transition:all .2s ease;cursor:pointer}.instruction__close-btn:hover{transition:all .2s ease;background-color:#5a4ff3;box-shadow:0 0 12px rgba(90,79,243,.4)}.modal-instruction{position:fixed;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;top:0;left:0;z-index:1000;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-instruction .modal-instruction__container{position:relative;background-color:#fff;width:100%;padding:40px;height:600px;display:flex;justify-content:space-between;flex-direction:column}@media screen and (min-width:431px){.modal-instruction .modal-instruction__container{height:550px}}@media screen and (min-width:600px){.modal-instruction .modal-instruction__container{border:none;background:#fff;box-shadow:0 2px 8px 0 rgba(0,0,0,.1490196078);border-radius:30px;width:550px;height:500px}}.modal-instruction .inst__logo{text-align:center;font-size:24px;line-height:29.05px;letter-spacing:.1em;color:#6c75cc}.modal-instruction .content__container h3{text-align:center;font-size:24px;font-weight:600;margin-bottom:20px}.modal-instruction .content__container p,.modal-instruction .content__container ul{font-size:18px;font-weight:500;margin-bottom:10px}.modal-instruction .content__container ul{display:flex;flex-direction:column;gap:16px}.modal-instruction .content__container ul li{display:flex;align-items:center;gap:20px}.modal-instruction .content__container ul li p{font-size:18px;font-weight:500;margin-bottom:0}.modal-instruction .btn__section{display:flex;justify-content:space-between;align-items:center}.modal-instruction .btn__section button{padding:12px 26px;border:none;font-size:16px;border-radius:12px;cursor:pointer;transition:all .2s ease}.modal-instruction .btn__section .btn-back:hover{transition:all .2s ease;background-color:#6c75cc;color:#fff}.modal-instruction .btn__section .btn-forward{background-color:#6c75cc;color:#fff}.modal-instruction .btn__section .btn-forward:hover{transition:all .2s ease;background-color:#4751ad;color:#fff}.stepper{justify-content:center;padding:20px}.step-group,.stepper{display:flex;align-items:center;gap:6px}.step{width:14px;height:14px;border-radius:50%;background-color:#d6d6d6;transition:all .4s ease;position:relative}.step.active{transform:scale(1.1);box-shadow:0 0 12px rgba(90,79,243,.4)}.step.active,.step.completed{background-color:#5a4ff3}.step.completed:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.sub-steps{display:flex;align-items:center;gap:6px}.sub-step{width:6px;height:6px;border-radius:50%;background-color:#e0e0e0;opacity:.6;transition:all .1s ease;transform:scale(1)}.sub-step.completed{background-color:#5a4ff3}@keyframes fillSubStep{0%{background-color:#e0e0e0;transform:scale(1.2);opacity:.6}50%{transform:scale(1.1);box-shadow:0 0 8px rgba(122,109,248,.6)}to{background-color:#5a4ff3;opacity:1}}.sub-step.active{animation:fillSubStep .1s ease;background-color:#5a4ff3}@keyframes pulseStep{0%{box-shadow:0 0 0 0 rgba(90,79,243,.7)}70%{box-shadow:0 0 0 10px rgba(90,79,243,0)}to{box-shadow:0 0 0 0 rgba(90,79,243,0)}}.step.active{animation:pulseStep 2s infinite}