/* Modal Overlay */
#kadg-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); z-index: 99999; display: none; align-items: center; justify-content: center; backdrop-filter: blur(5px); }

/* Modal Content Box */
#kadg-modal-content { font-family: 'Poppins', sans-serif; background: #181A1B; color: #ffffff; padding: 25px 30px; border-radius: 12px; text-align: center; max-width: 500px; width: 90%; border: 1px solid #333; animation: fadeIn 0.3s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }

/* Language Tabs */
.kadg-lang-tabs { margin-bottom: 25px; }
.kadg-lang-tabs button { font-family: 'Poppins', sans-serif; border: 1px solid #4a4a5e; padding: 8px 15px; color: white; border-radius: 5px; margin: 0 5px; cursor: pointer; font-size: 14px; background: transparent; transition: background-color 0.2s, border-color 0.2s; }

/* Main Accent Color: #00C0F0 */
.kadg-lang-tabs button.active, .kadg-lang-tabs button:hover { background: #00C0F0; border-color: #00C0F0; }

/* Texts */
#kadg-modal-content h2 { font-size: 20px; font-weight: 600; margin-bottom: 15px; line-height: 1.4; color: #f1f1f1; }
#kadg-modal-content p { font-size: 14px; color: #b0b0b0; line-height: 1.6; }
.kadg-instructions { margin-bottom: 25px; } .kadg-server-info { margin-top: 20px; margin-bottom: 10px; } .kadg-dns-info { font-size: 12px; margin-top: 25px; color: #888; }

/* Buttons */
#kadg-skip-ad-btn, #kadg-tutorial-btn { font-family: 'Poppins', sans-serif; color: white; border: none; padding: 14px; width: 100%; font-size: 16px; border-radius: 8px; cursor: pointer; font-weight: 600; transition: background-color 0.2s, transform 0.1s; }

#kadg-skip-ad-btn { background-color: #00C0F0; }
#kadg-skip-ad-btn:hover { background-color: #00a0c8; } 

#kadg-tutorial-btn { background-color: #343a40; }
#kadg-tutorial-btn:hover { background-color: #23272b; }
#kadg-skip-ad-btn:active, #kadg-tutorial-btn:active { transform: scale(0.98); }

/* Placeholder that replaces the video player */
.kadg-verification-placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 300px; background: #000000; color: #ccc; font-family: 'Poppins', sans-serif; font-size: 18px; padding: 20px; box-sizing: border-box; }
.kadg-verification-placeholder .material-icons-round { font-size: 48px; margin-bottom: 15px; color: #00C0F0; }