/* =========================================================
   ADMISSIONS POPUP MODAL
========================================================= */

.admission-overlay{

    position:fixed;
    inset:0;
    z-index:9999;
    background:rgba(20,14,46,.65);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    opacity:0;
    transition:opacity .25s ease;

}

.admission-overlay.active{

    display:flex;
    opacity:1;

}

.admission-modal{

    width:min(480px,100%);
    max-height:90vh;
    overflow-y:auto;
    background:#fff;
    border-radius:24px;
    padding:34px;
    position:relative;
    transform:translateY(24px) scale(.97);
    transition:transform .3s cubic-bezier(.34,1.56,.64,1);
    box-shadow:0 30px 70px rgba(20,14,46,.35);

}

.admission-overlay.active .admission-modal{

    transform:translateY(0) scale(1);

}

.admission-close{

    position:absolute;
    top:18px;
    right:18px;
    width:34px;
    height:34px;
    border:none;
    border-radius:50%;
    background:#F4F2FB;
    color:#4B3F9E;
    font-size:16px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.2s;

}

.admission-close:hover{

    background:#4B3F9E;
    color:#fff;

}

.admission-modal .kicker{

    display:inline-block;
    margin-bottom:10px;
    padding:5px 12px;
    border-radius:20px;
    background:#F0EDFB;
    color:#4B3F9E;
    font-size:11px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;

}

.admission-modal h3{

    margin:0 0 8px;
    font-size:24px;
    color:#1E1B33;

}

.admission-modal .sub{

    margin:0 0 24px;
    color:#6E6789;
    font-size:14px;
    line-height:1.6;

}

.admission-field{

    margin-bottom:16px;

}

.admission-field label{

    display:block;
    margin-bottom:6px;
    font-size:12.5px;
    font-weight:700;
    color:#1E1B33;

}

.admission-field input,
.admission-field select,
.admission-field textarea{

    width:100%;
    border:1.5px solid #E6E2F2;
    border-radius:12px;
    padding:12px 14px;
    font-size:14px;
    font-family:inherit;
    color:#1E1B33;
    outline:none;
    background:#FBFAFE;
    transition:border-color .2s, box-shadow .2s;

}

.admission-field input:focus,
.admission-field select:focus,
.admission-field textarea:focus{

    border-color:#4B3F9E;
    box-shadow:0 0 0 4px rgba(75,63,158,.1);
    background:#fff;

}

.admission-field textarea{

    min-height:100px;
    resize:vertical;

}

.admission-row{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;

}

.admission-submit{

    width:100%;
    margin-top:6px;
    border:none;
    border-radius:999px;
    padding:14px;
    font-size:14.5px;
    font-weight:700;
    color:#fff;
    background:linear-gradient(135deg,#4B3F9E,#2A2464);
    cursor:pointer;
    transition:transform .2s, box-shadow .2s;

}

.admission-submit:hover{

    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(75,63,158,.3);

}

@media(max-width:520px){

    .admission-row{

        grid-template-columns:1fr;

    }

    .admission-modal{

        padding:26px;

    }

}