/*==================================================
  INNOVERGE 2026 Registration Popup
==================================================*/

/*=========================
 Modal
==========================*/

.modal-content {
    background: rgba(11, 16, 51, .92);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 0 60px rgba(97, 76, 255, .45);
}

.modal-body {
    padding: 30px;
    color: #fff;
}

.modal-dialog-scrollable .modal-body {
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

body.modal-open {
    overflow: hidden;
}



/*=========================
 Header
==========================*/

.premium-header {

    background: linear-gradient(90deg,
            #4328a7 0%,
            #614cff 45%,
            #356dff 100%);

    color: #fff;

    padding: 20px 30px;

    border: none;
}

.premium-header h2 {

    font-size: 32px;

    font-weight: 700;

    margin: 0;
}

.event-logo {

    width: 250px;

    height: auto;
}

/*=========================
 Register Badge
==========================*/

.blink-badge {

    margin-left: auto;

    background: #ff2d55;

    color: #fff;

    padding: 10px 18px;

    border-radius: 40px;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1px;

    animation: blinkGlow 1s infinite;

}

@keyframes blinkGlow {

    0% {

        opacity: 1;

        box-shadow: 0 0 10px #ff2d55;

    }

    50% {

        opacity: .45;

        box-shadow:
            0 0 20px #ff2d55,
            0 0 40px #ff2d55;

    }

    100% {

        opacity: 1;

        box-shadow: 0 0 10px #ff2d55;

    }

}

/*=========================
 Cards
==========================*/

.premium-card {

    background: rgba(255, 255, 255, .05);

    border: none;

    border-radius: 18px;

    overflow: hidden;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, .35);

}

.card-header {

    font-size: 20px;

    font-weight: 700;

    padding: 16px 22px;

    border: none;

}

/*=========================
 Gradient Headers
==========================*/

.gradient-purple {

    background:
        linear-gradient(90deg, #7c3aed, #5b6cff);

    color: #fff;

}

.gradient-blue {

    background:
        linear-gradient(90deg, #1565ff, #00b8ff);

    color: #fff;

}

.gradient-gold {

    background:
        linear-gradient(90deg, #f7b733, #fc4a1a);

    color: #fff;

}

/*=========================
 Tables
==========================*/

.table {

    margin: 0;

}

.table-dark {

    --bs-table-bg: transparent;

}

.table thead th {

    background: #17204e;

    color: #fff;

    border: none;

    font-size: 15px;

}

.table td {

    color: #fff;

    border-color: rgba(255, 255, 255, .08);

    vertical-align: middle;

}

.table-hover tbody tr:hover {

    background: rgba(255, 255, 255, .05);

}

/*=========================
 Register Button
==========================*/

.register-btn {

    background:
        linear-gradient(90deg, #8d4bff, #4f7cff);

    color: #fff;

    border: none;

    border-radius: 30px;

    font-weight: 600;

    padding: 8px 24px;

    transition: .35s ease;

    min-width: 120px;

    box-shadow:
        0 0 15px rgba(111, 97, 255, .35);

}

.register-btn:hover {

    color: #fff;

    transform: translateY(-3px);

    animation: pulseGlow 1.2s infinite;

}

@keyframes pulseGlow {

    0% {

        box-shadow:
            0 0 8px rgba(102, 126, 234, .4);

    }

    50% {

        box-shadow:
            0 0 25px rgba(102, 126, 234, .9),
            0 0 45px rgba(90, 190, 255, .7);

    }

    100% {

        box-shadow:
            0 0 8px rgba(102, 126, 234, .4);

    }

}

/*=========================
 Lead Text
==========================*/

.lead {

    color: #d8d8ff;

}

/*=========================
 Scrollbar
==========================*/

.modal-body::-webkit-scrollbar {

    width: 8px;

}

.modal-body::-webkit-scrollbar-thumb {

    background: #4d5cff;

    border-radius: 10px;

}

/*=========================
 Bootstrap Icons
==========================*/

.card-header i {

    margin-right: 8px;

}

/*=========================
 Hover Effect
==========================*/

.premium-card {

    transition: .3s;

}

.premium-card:hover {

    transform: translateY(-2px);

    box-shadow:
        0 15px 35px rgba(95, 92, 255, .25);

}

/*=========================
 Responsive
==========================*/

@media(max-width:991px) {

    .modal-dialog {

        margin: 15px;

    }

    .premium-header h2 {

        font-size: 24px;

    }

    .event-logo {

        width: 250px;

    }

    .card-header {

        font-size: 18px;

    }

}

@media(max-width:768px) {

    .modal-body {

        padding: 18px;

    }

    .table {

        font-size: 14px;

    }

    .register-btn {

        width: 100%;

    }

    .blink-badge {

        /* display: none; */

    }

    .premium-header {

        flex-direction: column;

        align-items: flex-start;

    }

    .for-mobile {

        position: absolute;
        top: 10px;
        right: 10px;

    }

}

@media(max-width:576px) {

    .premium-header h2 {

        font-size: 20px;

    }

    .card-header {

        font-size: 16px;

    }

    .table th:nth-child(2),
    .table td:nth-child(2) {

        width: 110px;

    }

    
}