*,*:before,*:after{box-sizing:border-box}body{font-family:Vazirmatn,sans-serif;margin:0;padding:0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:#f5f5f5;white-space:normal}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,#f97316 0%,#f59e0b 50%,#fbbf24 100%);opacity:.06}[hidden]{display:none!important}.main-wrapper{width:100%;max-width:520px;padding:24px 16px 40px}.brand-header{text-align:center;margin-bottom:28px}.brand-logo{display:inline-flex;margin-bottom:4px}.brand-logo img{width:220px;height:auto;border-radius:12px}.charge-card{background:#fff;border-radius:20px;padding:28px 24px;box-shadow:0 1px 3px #0000000f,0 8px 24px #00000014;border:1px solid #f0f0f0}.charge-card .alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:12px;font-size:14px;display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:20px}.charge-card .alert-icon{flex-shrink:0}.charge-card .btn-close{float:left;margin-right:auto;margin-left:0;opacity:.5}.step-section{margin-bottom:24px;transition:opacity .3s ease,transform .3s ease}.step-section:last-child{margin-bottom:0}.step-section.step-disabled{opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.step-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f97316,#f59e0b);color:#fff;font-size:13px;font-weight:700;flex-shrink:0}.step-disabled .step-number{background:#ccc}.step-label{font-size:15px;font-weight:700;color:#334155}.phone-input-wrapper{position:relative;display:flex;align-items:center}.phone-icon{position:absolute;right:14px;color:#94a3b8;display:flex;pointer-events:none;z-index:2;font-size:18px}.phone-input{direction:ltr;text-align:center;width:100%;padding:14px 48px!important;border:2px solid #e2e8f0!important;border-radius:14px!important;font-size:18px;font-family:Vazirmatn,sans-serif;font-weight:600;letter-spacing:2px;transition:border-color .2s ease,box-shadow .2s ease;background:#f8fafc;color:#1e293b}.phone-input::placeholder{color:#cbd5e1!important;opacity:1}.phone-input:focus{outline:none;border-color:#f97316!important;box-shadow:0 0 0 4px #f973161f!important;background:#fff}.phone-input.is-valid{border-color:#22c55e!important;box-shadow:0 0 0 4px #22c55e1a!important;background:#fff;background-image:none!important}.phone-input.is-invalid{border-color:#e2e8f0!important;box-shadow:none!important;background-image:none!important}.phone-input.is-invalid:focus{border-color:#f97316!important;box-shadow:0 0 0 4px #f973161f!important}.invalid-feedback-custom{display:none;font-size:12px;color:#94a3b8;margin-top:8px;text-align:center}.operator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.operator-grid .form-check{padding:0!important;margin:0!important}.operator-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px 8px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#475569;font-size:13px;font-weight:600;font-family:Vazirmatn,sans-serif;cursor:pointer;transition:all .2s ease;text-align:center}.operator-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mci-dot{background:#3b82f6}.mtn-dot{background:#f59e0b}.rightel-dot{background:#a855f7}.operator-btn:hover{border-color:#cbd5e1;background:#fff}.btn-check:checked+.operator-mci{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8;box-shadow:0 0 0 3px #3b82f626}.btn-check:checked+.operator-mtn{border-color:#f59e0b;background:#fffbeb;color:#b45309;box-shadow:0 0 0 3px #f59e0b26}.btn-check:checked+.operator-rightel{border-color:#a855f7;background:#faf5ff;color:#7e22ce;box-shadow:0 0 0 3px #a855f726}.amount-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.amount-grid .form-check{padding:0!important;margin:0!important}.amount-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:16px 8px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;cursor:pointer;transition:all .2s ease;font-family:Vazirmatn,sans-serif}.amount-value{font-size:18px;font-weight:800;color:#1e293b;line-height:1.2}.amount-unit{font-size:12px;color:#94a3b8;font-weight:500}.amount-btn:hover{border-color:#cbd5e1;background:#fff}.btn-check:checked+.amount-btn{border-color:#f97316;background:#fff7ed;box-shadow:0 0 0 3px #f9731626}.btn-check:checked+.amount-btn .amount-value{color:#ea580c}.btn-check:checked+.amount-btn .amount-unit{color:#f97316}.type-grid{display:flex;flex-wrap:wrap;gap:10px}.type-grid .form-check{padding:0!important;margin:0!important;display:flex;flex-wrap:wrap;gap:10px;width:100%}.type-btn{flex:1;min-width:0;padding:12px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#475569;font-size:13px;font-weight:600;font-family:Vazirmatn,sans-serif;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap}.type-btn:hover{border-color:#cbd5e1;background:#fff}.btn-check:checked+.type-mci{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8;box-shadow:0 0 0 3px #3b82f626}.btn-check:checked+.type-mtn{border-color:#f59e0b;background:#fffbeb;color:#b45309;box-shadow:0 0 0 3px #f59e0b26}.btn-check:checked+.type-rightel{border-color:#a855f7;background:#faf5ff;color:#7e22ce;box-shadow:0 0 0 3px #a855f726}.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border:none;border-radius:14px;background:linear-gradient(135deg,#f97316,#f59e0b);color:#fff;font-size:16px;font-weight:700;font-family:Vazirmatn,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #f9731659}.submit-btn:hover{background:linear-gradient(135deg,#ea580c,#d97706);box-shadow:0 6px 20px #f9731673;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0);box-shadow:0 2px 8px #f973164d}.enamad{position:fixed;left:12px;bottom:12px;z-index:999}.enamad a{display:block}.enamad img{width:80px;height:auto;display:block}.b2b-box{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:20px;padding:14px 16px;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;font-size:13px;color:#92400e;font-weight:500}.b2b-link{display:inline-flex;align-items:center;gap:4px;color:#ea580c;font-weight:700;text-decoration:none;transition:color .2s}.b2b-link:hover{color:#c2410c}.footer-text{text-align:center;font-size:12px;color:#94a3b8;margin-top:24px;padding-bottom:16px}@media (max-width: 480px){.main-wrapper{padding:16px 12px 32px}.charge-card{padding:22px 18px;border-radius:16px}.brand-logo img{width:180px}.operator-grid{gap:8px}.operator-btn{font-size:12px;padding:10px 6px}.amount-grid{gap:8px}.phone-input{font-size:16px;letter-spacing:1px}.type-grid .form-check{flex-direction:column}.type-btn{flex:auto;width:100%}}