/* Modal TKA */
.tka-modal { border:0; border-radius:12px; overflow:hidden; }
.tka-modal-header { background:linear-gradient(-47deg, #2aa275 0%, #006f45 100%); color:#fff; border:0; }
.tka-modal-header .modal-title { color:#fff; font-weight:500; }
.tka-modal .modal-body { padding:24px; }
.tka-intro { color:#666; font-size:14px; margin-bottom:20px; }
.tka-modal .form-label { font-weight:500; font-size:14px; margin-bottom:6px; }
.tka-modal .form-control { padding:11px 14px; border-radius:6px; }
.tka-modal .form-control:focus { border-color:#2aa275; box-shadow:0 0 0 .2rem rgba(42,162,117,.2); }
.tka-modal .form-control.is-invalid { border-color:#dc3545; }
.tka-modal .btn { background-color:#2aa275; }
.tka-modal .btn:hover { background-color:#1f8760; }
.tka-modal .btn:disabled { opacity:.7; cursor:not-allowed; }
.tka-modal a.btn { color:#fff; background-color:#2aa275; }
.tka-modal a.btn:hover { background-color:#1f8760; }
.tka-modal .tka-btn-outline { background:#fff; color:#2aa275; border:2px solid #2aa275; }
.tka-modal .tka-btn-outline:hover { background:#eef8f3; }
.tka-success-icon { font-size:56px; color:#2aa275; margin-bottom:10px; }
.tka-full-icon { font-size:56px; color:#dc3545; margin-bottom:10px; }
.tka-full p { color:#666; margin-bottom:20px; }
.tka-success p { color:#666; margin-bottom:20px; }
#menu-tka { cursor:pointer; }

/* Popup Promo Tryout TKA */
#modalPromoTKA .promo-dialog { max-width:420px; margin-left:auto; margin-right:auto; }
.promo-content { border:0; border-radius:14px; overflow:hidden; background:#fff; max-height:96vh; }
.promo-img { display:block; width:100%; height:auto; max-height:calc(96vh - 76px); object-fit:contain; background:#0b5b3a; }
.promo-actions { display:flex; gap:10px; padding:12px; background:#fff; }
.promo-btn { flex:1; padding:11px 14px; border-radius:8px; font-weight:600; font-size:15px; border:2px solid #2aa275; }
.promo-btn-daftar { background:#2aa275 !important; color:#fff !important; }
.promo-btn-daftar:hover { background:#1f8760 !important; border-color:#1f8760; }
.promo-btn-close { background:#fff !important; color:#2aa275 !important; }
.promo-btn-close:hover { background:#eef8f3 !important; }
@media (max-width:575px) { #modalPromoTKA .promo-dialog { max-width:calc(100% - 24px); } }