.checkout-wrap{max-width:1100px;margin:0 auto;padding:var(--gap-3xl) var(--gap-xl);font-family:var(--font-family)}.checkout-grid{display:grid;grid-template-columns:1fr 360px;gap:var(--gap-2xl);align-items:start}@media(max-width:860px){.checkout-grid{grid-template-columns:1fr}.checkout-right{order:-1}}.checkout-header{margin-bottom:var(--gap-xl)}.back-link{display:inline-flex;align-items:center;gap:var(--gap-sm);color:var(--color-muted);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--gap-md);transition:color .2s}.back-link:hover{color:var(--color-primary)}.checkout-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-dark);margin:0 0 var(--gap-xs)}.checkout-subtitle{color:var(--color-muted);font-size:var(--font-size-sm);margin:0}.checkout-alert{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-md) var(--gap-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--gap-lg)}.checkout-alert--error{background:#fef2f2;border:1px solid #fecaca;color:var(--color-danger)}.payment-methods{display:flex;flex-direction:column;gap:var(--gap-sm);margin-bottom:var(--gap-xl)}.payment-method-card{display:block;border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .2s,background .2s;background:var(--color-white);position:relative;overflow:hidden}.payment-method-card:hover{border-color:var(--color-primary);background:var(--color-light)}.payment-method-card.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.method-radio{display:none}.payment-method-card__inner{display:flex;align-items:center;gap:var(--gap-lg);padding:var(--gap-md) var(--gap-lg)}.payment-method-card__left{display:flex;align-items:center;gap:var(--gap-md);flex:1}.method-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.method-icon--card{background:#eff6ff;color:#2563eb}.method-icon--momo{background:var(--color-primary-light);color:var(--color-primary)}.method-icon--hubtel{background:#fff7ed;color:#ea580c}.method-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark);margin:0 0 2px;display:flex;align-items:center;gap:var(--gap-sm)}.method-desc{font-size:var(--font-size-xs);color:var(--color-muted);margin:0}.method-badge-tag{font-size:10px;font-weight:600;padding:1px 7px;border-radius:var(--radius-pill);background:var(--color-primary-light);color:var(--color-primary)}.method-badge-tag--hubtel{background:#fff7ed;color:#ea580c}.method-badges{display:flex;align-items:center;gap:var(--gap-sm)}.card-logo{height:18px;object-fit:contain}.method-networks{display:flex;gap:var(--gap-xs)}.network-pill{font-size:10px;font-weight:600;padding:2px 7px;border-radius:var(--radius-pill)}.network-pill--mtn{background:#fef9c3;color:#854d0e}.network-pill--voda,.network-pill--at{background:#fee2e2;color:#991b1b}.method-check{color:var(--color-primary);font-size:18px;display:none;flex-shrink:0}.payment-method-card.selected .method-check{display:block}.momo-fields{margin-bottom:var(--gap-xl);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.momo-fields__inner{background:var(--color-light);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--gap-lg)}.momo-fields__title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-dark);margin:0 0 var(--gap-lg);display:flex;align-items:center;gap:var(--gap-sm)}.form-group{margin-bottom:var(--gap-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-body);margin-bottom:var(--gap-sm)}.required{color:var(--color-danger)}.network-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-sm)}.network-card{position:relative;cursor:pointer}.network-radio{display:none}.network-card__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--gap-sm) var(--gap-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);transition:all .2s;text-align:center;gap:2px}.network-card__name{font-weight:700;font-size:var(--font-size-sm);color:var(--color-dark)}.network-card__label{font-size:10px;color:var(--color-muted)}.network-radio:checked+.network-card__inner{border-color:var(--color-primary);background:var(--color-primary-light)}.network-card__check{position:absolute;top:5px;right:5px;color:var(--color-primary);font-size:11px;display:none}.network-radio:checked~.network-card__check{display:block}.phone-input-wrap{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-white);transition:border-color .2s}.phone-input-wrap:focus-within{border-color:var(--color-primary)}.phone-prefix{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-md) var(--gap-lg);background:var(--color-light);border-right:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:600;color:var(--color-body);white-space:nowrap;flex-shrink:0}.phone-input{flex:1;border:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:var(--gap-md) var(--gap-lg);font-size:var(--font-size-sm);color:var(--color-dark);background:var(--color-white);font-family:var(--font-family)}.field-hint{font-size:var(--font-size-xs);color:var(--color-muted);margin:var(--gap-xs) 0 0}.field-error{font-size:var(--font-size-xs);color:var(--color-danger);display:block;margin-top:var(--gap-xs)}.btn-pay{width:100%;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-md);padding:var(--gap-md) var(--gap-xl);font-size:var(--font-size-sm);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);transition:background .2s,opacity .2s;font-family:var(--font-family);margin-bottom:var(--gap-md)}.btn-pay:hover:not(:disabled){background:var(--color-primary-dark)}.btn-pay:disabled{background:var(--color-muted);cursor:not-allowed;opacity:.55}.checkout-security-note{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);font-size:var(--font-size-xs);color:var(--color-muted);text-align:center}.checkout-security-note i{color:var(--color-success)}.order-summary{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--gap-xl);position:sticky;top:calc(var(--navbar-height) + var(--gap-lg))}.order-summary__title{font-size:var(--font-size-base);font-weight:700;color:var(--color-dark);margin:0 0 var(--gap-lg);padding-bottom:var(--gap-md);border-bottom:1px solid var(--color-border)}.order-course{display:flex;gap:var(--gap-md);margin-bottom:var(--gap-lg)}.order-course__thumb{width:68px;height:52px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.order-course__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-dark);margin:0 0 var(--gap-xs);line-height:1.4}.order-course__meta{display:flex;gap:var(--gap-md);font-size:var(--font-size-xs);color:var(--color-muted);margin:0}.order-course__meta span{display:flex;align-items:center;gap:var(--gap-xs)}.order-breakdown{margin-bottom:var(--gap-lg)}.order-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-body);padding:var(--gap-xs) 0}.order-row--total{font-size:var(--font-size-base);font-weight:700;color:var(--color-dark);padding-top:var(--gap-md)}.order-divider{border:none;border-top:1px solid var(--color-border);margin:var(--gap-sm) 0}.order-includes{margin-bottom:var(--gap-lg)}.order-includes__title{font-size:var(--font-size-xs);font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--gap-sm)}.order-includes ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--gap-xs)}.order-includes li{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--font-size-sm);color:var(--color-body)}.order-includes li i{color:var(--color-success);font-size:12px}.order-secure{display:flex;align-items:center;gap:var(--gap-sm);background:var(--color-light);border-radius:var(--radius-md);padding:var(--gap-sm) var(--gap-md);font-size:var(--font-size-xs);color:var(--color-muted)}.order-secure i{color:var(--color-success);font-size:14px}.order-secure p{margin:0}.payment-result-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:var(--gap-3xl) var(--gap-xl);font-family:var(--font-family)}.payment-result{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-border);padding:var(--gap-3xl);max-width:520px;width:100%;text-align:center}.payment-result__icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto var(--gap-xl)}.payment-result__icon--success{background:#dcfce7;color:var(--color-success)}.payment-result__icon--failed{background:#fee2e2;color:var(--color-danger)}.payment-result__icon--pending{background:#fef9c3;color:var(--color-warning)}.payment-result h1{font-size:var(--font-size-xl);font-weight:700;color:var(--color-dark);margin:0 0 var(--gap-sm)}.payment-result>p{font-size:var(--font-size-sm);color:var(--color-muted);margin:0 0 var(--gap-xl);line-height:1.6}.payment-result__details{background:var(--color-light);border-radius:var(--radius-md);padding:var(--gap-lg);margin-bottom:var(--gap-xl);text-align:left}.result-detail-row{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-sm) 0;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border)}.result-detail-row:last-child{border-bottom:none}.result-detail-row span{color:var(--color-muted)}.result-detail-row strong{color:var(--color-dark);font-weight:600}.payment-result__actions{display:flex;flex-direction:column;gap:var(--gap-sm);margin-bottom:var(--gap-lg)}.btn-result{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:var(--gap-md) var(--gap-xl);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;transition:background .2s,color .2s;border:none;cursor:pointer;font-family:var(--font-family)}.btn-result--primary{background:var(--color-primary);color:var(--color-white)}.btn-result--primary:hover{background:var(--color-primary-dark);color:var(--color-white)}.btn-result--ghost{background:transparent;color:var(--color-body);border:1px solid var(--color-border)}.btn-result--ghost:hover{background:var(--color-light);color:var(--color-dark)}.payment-result__support{font-size:var(--font-size-xs);color:var(--color-muted);line-height:1.6}.payment-result__support a{color:var(--color-primary);text-decoration:none;font-weight:600}.pending-steps{display:flex;flex-direction:column;gap:var(--gap-sm);margin-bottom:var(--gap-xl);text-align:left}.pending-step{display:flex;align-items:center;gap:var(--gap-lg);background:var(--color-light);border-radius:var(--radius-md);padding:var(--gap-md) var(--gap-lg)}.pending-step__num{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-xs);flex-shrink:0}.pending-step p{margin:0;font-size:var(--font-size-sm);color:var(--color-body)}