.vt-modal .modal-content {border: 0;border-radius: 18px;box-shadow: 0 24px 60px rgba(0,0,0,.18);overflow: hidden;background: #ffffff;}.vt-modal .modal-header {padding: 18px 22px;border-bottom: 1px solid rgba(17,24,39,.10);background: #ffffff;}.vt-title {font-size: 24px;line-height: 1.25;margin: 0;font-family: RobotoBold;text-align: center;color: #2c2f31 !important;}.vt-close {width: 34px;height: 34px;border-radius: 10px;border: 1px solid rgba(17,24,39,.10);background: #ffffff;display: inline-block;cursor: pointer;}.vt-modal .modal-body {padding: 18px 22px 10px 22px;background: #ffffff;}.vt-terms {border: 1px solid rgba(17,24,39,.10);border-radius: 14px;background: #ffffff;padding: 16px 18px;max-height: 46vh;overflow-y: auto;overflow-x: hidden;}.vt-terms p {margin: 0 0 10px 0;color: #111827;font-size: 14px;line-height: 1.65;}.vt-terms h6 {font-size: 14px;font-weight: 800;margin: 14px 0 8px 0;}.vt-terms hr {border-color: rgba(17,24,39,.10);}.vt-section-title {font-size: 18px;margin: 16px 0 10px 0;color: #2c2f31;font-family: RobotoBold;}.vt-check-item {position: relative;display: flex;gap: 8px;align-items: flex-start;padding: 12px 12px;border: 1px solid rgba(17,24,39,.10);border-radius: 14px;background: #ffffff;margin-bottom: 10px;}.vt-check-text {font-size: 14px;line-height: 1.5;color: #2c2f31;margin-top: -1px;cursor: pointer;font-weight: 100;font-family: RobotoRegular;}.vt-req {color: #e03;font-weight: 100;margin-right: 6px;font-family: RobotoRegular;}.vt-hint {color: #6b7280;font-size: 12.5px;margin-top: 6px;line-height: 1.45;}.vt-cb {appearance: none;-webkit-appearance: none;width: 20px;height: 20px;border-radius: 6px;border: 2px solid #e03;background: #ffffff;margin-top: 0!important;position: relative;flex: 0 0 auto;cursor: pointer;transition: .12s ease;}.vt-cb:checked {border-color: #ee0033;background: #ee0033;}.vt-cb:checked:after {content: "";position: absolute;left: 6px;top: 2px;width: 5px;height: 10px;border: 2px solid #ffffff;border-top: 0;border-left: 0;transform: rotate(45deg);}.vt-required-error {background: #ffe9ee;border: 1px solid #ee0033;}.vt-required-msg {display: none;color: #ee0033;font-size: 12.5px;margin-top: 6px;line-height: 1.45;font-style: italic;font-family: RobotoRegular;}.vt-modal .modal-footer {padding: 14px 22px 18px 22px;border-top: 1px solid rgba(17,24,39,.10);background: #ffffff;}.vt-footer-row {display: flex;gap: 14px;align-items: flex-end;justify-content: space-between;flex-wrap: wrap;}.vt-confirm {display: flex;gap: 8px;align-items: flex-start;flex: 1 1 560px;min-width: 280px;}.vt-confirm .vt-check-text {font-size: 13.5px;color: #111827;text-align: left;}.vt-btn {border: 0;border-radius: 14px;padding: 12px 18px;transition: .14s ease;min-width: 140px;font-family: RobotoBold;}.vt-btn-primary {background: #ee0033;color: #ffffff;}.vt-btn-primary:hover {background: #d8002e;}.vt-btn-primary:disabled {background: rgba(17,24,39,.18);color: rgba(255,255,255,.9);box-shadow: none;cursor: not-allowed;}.vt-saved-msg {margin-top: 12px;display: none;border-radius: 14px;border: 1px solid rgba(17,24,39,.10);background: #ffffff;padding: 10px 14px;color: #111827;}@media (max-width:576px) {.vt-modal .modal-header, .vt-modal .modal-body, .vt-modal .modal-footer {padding-left: 14px;padding-right: 14px;}.vt-terms {max-height: 52vh;}.vt-btn {width: 100%;}}input[type="checkbox"]:focus, input[type="radio"]:focus, .btn-danger.focus, .btn-danger:focus {outline: none !important;}.open-popup-viettel {background: #fff;border: 0;font-family: RobotoBold;padding: 0;color: #E90628;}.headline-csbv {font-family: RobotoBold;font-size: 24px;line-height: 28px;color: rgb(12, 0, 51);margin: 0px 0px 20px;text-align: center;}.frame-open-popup-viettel {color: rgb(238, 0, 51);font-family: RobotoBold;font-size: 16px;}.vt-otp-title {font-family: RobotoBold;font-size: 16px;color: #111827;margin-bottom: 10px;text-align: left;}.vt-otp-channels {display: flex;gap: 10px;flex-wrap: wrap;}.vt-radio {position: relative;display: inline-flex;align-items: center;gap: 8px;padding: 10px 12px;border: 1px solid rgba(17,24,39,.10);border-radius: 999px;background: #fff;cursor: pointer;user-select: none;transition: .12s ease;}.vt-radio input {position: absolute;opacity: 0;pointer-events: none;}.vt-radio-ui {width: 18px;height: 18px;border-radius: 999px;border: 2px solid rgba(17,24,39,.22);display: inline-block;position: relative;transition: .12s ease;}.vt-radio-text {font-size: 14px;color: #111827;font-family: RobotoRegular;}.vt-radio input:checked + .vt-radio-ui {border-color: #ee0033;}.vt-radio input:checked + .vt-radio-ui::after {content: "";position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;border-radius: 999px;background: #ee0033;transform: translate(-50%,-50%);}.vt-radio:has(input:checked) {border-color: rgba(238,0,51,.35);background: rgba(238,0,51,.06);}.vt-otp-row {display: flex;gap: 10px;align-items: center;flex-wrap: wrap;}.vt-otp-input {min-width: 180px;height: 30px;border-radius: 12px;border: 1px solid rgba(17,24,39,.12);padding: 0 12px;font-size: 14px;font-family: RobotoRegular;}.vt-otp-input:disabled {background: rgba(17,24,39,.04);color: rgba(17,24,39,.55);}.vt-btn-ghost {background: #ffffff;border: 1px solid rgba(17, 24, 39, .18);color: #111827;padding: 5px 18px;min-width: auto;}.vt-btn-ghost:hover {background: rgba(17,24,39,.04);}.vt-btn-ghost:disabled {background: rgba(17,24,39,.06);border-color: rgba(17,24,39,.10);color: rgba(17,24,39,.45);cursor: not-allowed;}.vt-otp-timer {font-size: 13px;color: #e03;font-family: RobotoRegular;text-align: center;padding-left: 15px;}.vt-otp-err {margin-top: 8px;font-size: 14px;color: #ee0033;font-style: italic;font-family: RobotoRegular;text-align: center;padding-left: 15px;}.custom-checkbox {display: flex;align-items: center;gap: 5px;cursor: pointer;user-select: none;font-weight: 100;}.custom-checkbox input[type="checkbox"] {display: none;}.checkbox-box {width: 20px;height: 20px;background-color: #eee;border-radius: 4px;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}.custom-checkbox input[type="checkbox"]:checked + .checkbox-box {background-color: #e60023;border-color: #e60023;}.checkbox-box::after {content: "✓";font-size: 14px;color: white;display: none;}.custom-checkbox input[type="checkbox"]:checked + .checkbox-box::after {display: block;}.checkbox-error {color: red;font-size: 13px;margin-top: 4px;display: none;margin-top: 10px;}.custom-checkbox a {color: #E90628;}.frame-vt-otp {display: flex;gap: 10px;}