.container{width:90%;max-width:1200px;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(66,103,205,.15);padding:0;height:fit-content;margin:50px auto}.steps-header h1{font-size:32px;font-weight:600}.steps-header{background-color:#4267cd;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-radius:20px 20px 0 0}h4{color:#4267cd;margin-bottom:15px;font-weight:700}.steps-container{width:100%;display:flex;flex-direction:column}.steps-progress{display:flex;align-items:center}.steps-content{display:flex;flex:1;overflow:hidden}.step-panel{flex:1;padding:30px;transition:transform .3s ease}.qr-section{display:flex;height:100%}.text-main{color:#4267cd}.qr-container{background:linear-gradient(135deg,#f0f4ff,#e4eaff);border-radius:16px;padding:20px;box-shadow:inset 0 2px 6px rgba(0,0,0,.05);flex:1}.step-panel.hidden{display:none}.instructions{flex:1;padding:20px;border-radius:15px}.step-instruction{display:flex;align-items:flex-start}.step-instruction-number{width:25px;height:25px;border-radius:50%;background-color:#4267cd;color:#fff;display:flex;justify-content:center;align-items:center;font-size:12px;margin-right:15px;flex-shrink:0}.step-instruction-text{font-size:16px;line-height:1.5}.qr-code{background-color:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 15px rgba(0,0,0,.05);border:1px solid #989898}.step-instruction-image{width:100%;max-width:120px;height:auto;border-radius:8px;margin-top:10px;border:1px solid #eee}.step{margin-right:15px}.step,.step-number{display:flex;align-items:center}.step-number{width:30px;height:30px;border-radius:50%;justify-content:center;font-weight:700;margin-right:10px}.step-number,.step.active .step-number{background-color:#fff;color:#4267cd}.download-text{font-size:16px;font-weight:500;color:#333;margin:10px 0}.download-text span{color:#007bff;font-weight:600;cursor:pointer;text-decoration:underline;transition:color .3s}.download-text span:hover{color:#0056b3}.step-text{font-size:16px;font-weight:500}.step-divider{width:40px;height:2px;background-color:hsla(0,0%,100%,.5);margin:0 10px}.step.inactive .step-number{background-color:hsla(0,0%,100%,.5);color:#4267cd}.payment-section{width:100%;height:100%;border-radius:15px;overflow:hidden;border:1px solid #eee}.payment-header{background-color:#4267cd;color:#fff;padding:15px;font-size:16px;font-weight:500}.payment-content{padding:20px;background-color:#f8f9fa;height:calc(100% - 50px)}.vnpay-frame{width:100%;height:100%;border:none;border-radius:10px;background-color:#fff}.instructions h3{color:#4267cd;margin-bottom:20px;font-size:18px;font-weight:700}.navigation-buttons{display:flex;justify-content:space-between;padding:20px 30px;background-color:#f8f9fa}.back-button{background-color:#e0e0e0;color:#555}.next-button{background-color:#4267cd;color:#fff}.nav-button{padding:12px 25px;border-radius:8px;font-weight:500;cursor:pointer;border:none;font-size:14px;transition:all .2s ease}.download-btn{display:inline-flex;align-items:center;padding:12px 20px;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.1)}.btn.btn--s{min-width:auto;height:30px;padding:0 20px;line-height:30px;font-size:.875rem}.btn{display:inline-block;background-color:#0190f3;min-width:210px;vertical-align:middle;cursor:pointer;white-space:nowrap;color:#fff!important;font-weight:500;border:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}