.step,.tutorial{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.step{margin:20px;border:1px solid #ccc;width:100%;max-width:600px;text-align:center}.step,.step img{border-radius:8px}.step img{max-width:100%;height:auto;margin:0 auto;box-shadow:0 4px 6px rgba(0,0,0,.1)}.buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.buttons button{flex:1 1 auto;min-width:120px;max-width:200px}.btn-info,.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;color:#fff}.btn-primary{background-color:#4caf50}.btn-primary:hover{background-color:#45a049}.btn-secondary{background-color:#008cba}.btn-secondary:hover{background-color:#007bb5}.btn-info{background-color:#f0ad4e;padding:5px 10px;border-radius:50%;font-size:14px}.btn-info:hover{background-color:#ec971f}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center}.modal-content{text-align:center}form input{margin:10px 0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}form button,form input{width:100%;max-width:400px;padding:10px}form button{margin-top:10px}.responsive-box{width:90%;max-width:1200px;margin:0 auto;padding:20px;background-color:#f0f0f0;border-radius:8px;text-align:center}@media (max-width:768px){.step{padding:10px}.step img{max-width:90%}.buttons{flex-direction:column}.buttons button{width:100%}.responsive-box{padding:10px}}@media (max-width:480px){h1,h2{font-size:1.5rem}.buttons button{font-size:.9rem;padding:8px}.step img{max-width:100%}.responsive-box{font-size:14px}}