/* Custom SaaS Alert Modal */
.t4g-modal {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex; justify-content: center; align-items: center;
    opacity: 0; visibility: hidden; transition: 0.3s;
    z-index: 999999;
    backdrop-filter: blur(2px);
}
.t4g-modal.active { opacity: 1; visibility: visible; }
.t4g-modal-content {
    background: white;
    padding: 30px 40px;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
    text-align: center;
    transform: scale(0.9);
    transition: 0.3s;
}
.t4g-modal.active .t4g-modal-content { transform: scale(1); }
.t4g-modal-icon { font-size: 40px; display: block; margin-bottom: 10px; }
.t4g-modal p { margin: 0; font-size: 16px; font-weight: 500; color: #333; }

/* Content Locker Glassmorphism */
.t4g-locker-wrap {
    position: relative;
    margin: 30px 0;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.05);
}
.t4g-locker-blur {
    filter: blur(8px);
    user-select: none;
    opacity: 0.6;
    pointer-events: none;
}
.t4g-locker-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    display: flex; flex-direction: column;
    justify-content: center; align-items: center;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px); /* Glass Effect */
    z-index: 10;
    text-align: center;
    padding: 20px;
}
.t4g-lock-icon {
    font-size: 40px; margin-bottom: 10px;
    background: white; width: 70px; height: 70px;
    line-height: 70px; border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.t4g-locker-overlay h3 { margin: 10px 0 5px; color: #111; font-size: 22px; }
.t4g-locker-overlay p { color: #555; margin-bottom: 20px; }

.t4g-social-grid { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.t4g-soc-btn {
    padding: 10px 20px; color: white; text-decoration: none;
    border-radius: 6px; font-weight: 600; font-size: 14px;
    transition: transform 0.2s;
}
.t4g-soc-btn:hover { transform: translateY(-2px); }
.fb { background: #1877F2; } .tw { background: #1DA1F2; }
.li { background: #0A66C2; } .wa { background: #25D366; } .rd { background: #FF4500; }

.t4g-verify-msg { display: none; margin-top: 15px; font-weight: bold; color: #4f46e5; animation: pulse 1s infinite; }
@keyframes pulse { 0% { opacity: 0.6; } 50% { opacity: 1; } 100% { opacity: 0.6; } }