.tutorial-container{min-height:100vh;overflow:hidden;position:relative;width:100%}.tutorial-main{display:flex;justify-content:center;margin:0 auto;max-width:1400px;padding:120px 20px 80px;position:relative;width:100%;z-index:10}.tutorial-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00354314;max-width:1200px;padding:40px 30px;width:100%}@media (max-width:768px){.tutorial-card{padding:30px 20px}}.tutorial-title{color:#003543;font-weight:800!important;margin-bottom:24px!important;text-align:center}.tutorial-subtitle{color:#4a6b74;font-size:1.1rem!important;line-height:1.6!important;margin-bottom:30px!important;text-align:center}.tutorial-menu{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.tutorial-menu-btn{background:#0000;border:2px solid #003543;border-radius:30px;color:#003543;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.tutorial-menu-btn:hover{background:#0035430d}.tutorial-menu-btn.active{background:#003543;color:#fff}.tutorial-section-title{color:#003543;font-size:1.5rem!important;font-weight:700!important;margin-bottom:15px!important;margin-top:30px!important}.tutorial-divider{background-color:#0035431a!important;margin:20px 0 30px!important}.tutorial-acc{border:1px solid #0035431a;border-radius:12px!important;box-shadow:none!important;margin-bottom:15px!important;overflow:hidden}.tutorial-acc:before{display:none}.tutorial-acc-title{color:#003543;font-size:1.1rem!important;font-weight:700!important}.tutorial-text{color:#4a6b74;line-height:1.6!important}.tutorial-text a,.tutorial-tip .tutorial-text a{color:#007a91;font-weight:700;text-decoration:none;transition:color .15s ease,-webkit-text-decoration .15s ease;transition:color .15s ease,text-decoration .15s ease;transition:color .15s ease,text-decoration .15s ease,-webkit-text-decoration .15s ease}.tutorial-text a:hover,.tutorial-tip .tutorial-text a:hover{color:#005f72;text-decoration:underline;text-underline-offset:2px}.tutorial-step{display:flex;flex-direction:column;gap:30px;padding:10px 0}@media (min-width:768px){.tutorial-step{align-items:flex-start;flex-direction:row}.tutorial-step-no-image{flex-direction:column}}.tutorial-step-left{align-items:center;display:flex;flex:1 1;flex-direction:column;padding-bottom:2rem}.tutorial-img-btn{background:none;border:none;border-radius:12px;box-shadow:0 4px 15px #0035431a;cursor:zoom-in;overflow:hidden;padding:0;transition:transform .3s ease}.tutorial-img-btn:hover{transform:scale(1.02)}.tutorial-image{display:block;height:auto;max-width:400px;width:100%}.tutorial-img-hint{color:#8d9fa5;font-size:.85rem!important;margin-top:8px!important}.tutorial-step-right{flex:1 1}.tutorial-step-badge{background:#e6f0f2;border-radius:20px;color:#003543;display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:12px;padding:4px 10px}.tutorial-step-title{color:#003543;font-size:1.2rem!important;font-weight:700!important;margin-bottom:15px!important}.tutorial-security-note{background:#fff7eb;border-left:4px solid #f5a623;border-radius:0 8px 8px 0;margin-top:25px;padding:15px}.tutorial-security-title{color:#f5a623;font-weight:700!important;margin-bottom:4px!important}.tutorial-security-text{color:#4a6b74;font-size:.95rem!important}.tutorial-tip{background:#f0f9fb;border:1px dashed #00bcd4;border-radius:12px;margin-top:40px;padding:20px}.tutorial-zoom-dialog .MuiDialog-paper{background:#0000;box-shadow:none;overflow:visible}.tutorial-zoom-img{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:90vh;object-fit:contain;width:100%}