.specular-popup-wrapper{position:relative}.specular-popup-trigger{cursor:pointer;display:inline-flex;align-items:center;transition:all .3s ease}.specular-popup-trigger.button-trigger{padding:12px 24px;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.1)}.specular-popup-trigger.button-trigger:hover{background-color:#357abd;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.specular-popup-trigger.icon-trigger{width:50px;height:50px;background:#4a90e2;border-radius:50%;justify-content:center;color:#fff}.specular-popup-trigger.icon-trigger:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.15)}.specular-popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);backdrop-filter:blur(5px);z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.specular-popup-overlay.active{display:flex;opacity:1;visibility:visible}.specular-popup-content{position:relative;background:#fff;border-radius:20px;padding:40px;max-width:90%;width:600px;max-height:90vh;overflow-y:auto;margin:auto;box-shadow:0 20px 40px rgba(0,0,0,.2);transform:scale(.8) translateY(20px);transition:all .3s ease}.specular-popup-overlay.active .specular-popup-content{transform:scale(1) translateY(0)}.specular-popup-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:rgba(0,0,0,.05);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#666;transition:all .3s ease}.specular-popup-close:hover{background:rgba(0,0,0,.1);transform:rotate(90deg)}.popup-logo{text-align:center;margin-bottom:30px}.popup-logo img{max-width:180px;height:auto}.popup-heading{font-size:32px;font-weight:700;color:#2c3e50;margin:0 0 15px;text-align:center}.popup-subheading{font-size:20px;font-weight:500;color:#34495e;margin:0 0 20px;text-align:center}.popup-description{font-size:16px;line-height:1.6;color:#7f8c8d;margin-bottom:30px;text-align:center}.popup-social-icons{display:flex;justify-content:center;gap:15px;margin-top:30px}.popup-social-icon{width:40px;height:40px;background:#f5f6fa;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4a90e2;transition:all .3s ease;text-decoration:none}.popup-social-icon:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.1);background:#4a90e2;color:#fff}.specular-popup-overlay[data-position="top"] .specular-popup-content{margin-top:50px;margin-bottom:auto}.specular-popup-overlay[data-position="bottom"] .specular-popup-content{margin-top:auto;margin-bottom:50px}.specular-popup-overlay[data-position="left"] .specular-popup-content{margin-right:auto;margin-left:50px;height:100vh;border-radius:0 20px 20px 0}.specular-popup-overlay[data-position="right"] .specular-popup-content{margin-left:auto;margin-right:50px;height:100vh;border-radius:20px 0 0 20px}.specular-popup-content::-webkit-scrollbar{width:8px}.specular-popup-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.specular-popup-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.specular-popup-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media screen and (max-width:767px){.specular-popup-content{padding:30px 20px}.popup-heading{font-size:24px}.popup-subheading{font-size:18px}.popup-description{font-size:14px}.specular-popup-overlay[data-position="left"] .specular-popup-content,.specular-popup-overlay[data-position="right"] .specular-popup-content{margin:auto;height:auto;width:90%;border-radius:20px}}@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.8) translateY(20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}@keyframes fadeOut {
    from {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
    to {
        opacity: 0;
        transform: scale(0.8) translateY(20px);
    }
}.specular-popup-overlay.active .specular-popup-content{animation:fadeIn .3s ease forwards}.specular-popup-overlay:not(.active) .specular-popup-content {animation:fadeOut .3s ease forwards}