/* =========================================
POPUP TRIGGER
========================================= */

.academy-popup-trigger {

    position: fixed;

    bottom: 120px;

    right: 20px;

    z-index: 9998;

    cursor: pointer;
}

.academy-popup-trigger img {

    width: 90px;

    height: 90px;

    object-fit: cover;

    border-radius: 24px;

    box-shadow: 0 15px 40px rgba(0,0,0,0.2);

    transition: 0.3s ease;
}

.academy-popup-trigger img:hover {

    transform: scale(1.05);
}

/* =========================================
OVERLAY
========================================= */

.academy-popup-overlay {

    position: fixed;

    inset: 0;

    background: rgba(0,0,0,0.65);

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 20px;

    z-index: 99999;

    opacity: 0;

    visibility: hidden;

    transition: 0.3s ease;
}

.academy-popup-overlay.active {

    opacity: 1;

    visibility: visible;
}

/* =========================================
POPUP BOX
========================================= */

.academy-popup-box {

    background: #ffffff;

    width: 100%;

    max-width: 420px;

    border-radius: 28px;

    padding: 40px 32px;

    position: relative;

    text-align: center;

    box-shadow: 0 30px 80px rgba(0,0,0,0.2);

    animation: popupFade 0.3s ease;
}

@keyframes popupFade {

    from {

        transform: translateY(20px);

        opacity: 0;
    }

    to {

        transform: translateY(0);

        opacity: 1;
    }
}

/* =========================================
CLOSE BUTTON
========================================= */

.academy-popup-close {

    position: absolute;

    top: 14px;

    right: 16px;

    border: none;

    background: none;

    font-size: 34px;

    cursor: pointer;

    color: #64748b;
}

/* =========================================
TEXT
========================================= */

.academy-popup-box h3 {

    margin: 0 0 12px;

    font-size: 32px;

    font-weight: 800;

    color: #111827;
}

.academy-popup-box p {

    margin: 0 0 32px;

    color: #64748b;

    font-size: 16px;
}

/* =========================================
BUTTONS
========================================= */

.academy-popup-buttons {

    display: flex;

    flex-direction: column;

    gap: 16px;
}

.academy-popup-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 18px 20px;

    border-radius: 18px;

    text-decoration: none;

    font-size: 18px;

    font-weight: 700;

    transition: 0.3s ease;
}

/* Admission */

.academy-admission-btn {

    background: #25D366;

    color: #ffffff;
}

.academy-admission-btn:hover {

    background: #1ebe5d;

    color: #ffffff;
}

/* Vacancy */

.academy-vacancy-btn {

    background: #0A66C2;

    color: #ffffff;
}

.academy-vacancy-btn:hover {

    background: #004ea2;

    color: #ffffff;
}

/* =========================================
MOBILE
========================================= */

@media(max-width:768px){

    .academy-popup-trigger {

        bottom: 100px;

        right: 16px;
    }

    .academy-popup-trigger img {

        width: 72px;

        height: 72px;
    }

    .academy-popup-box {

        padding: 32px 24px;
    }

    .academy-popup-box h3 {

        font-size: 26px;
    }
}