/* =========================
   ANTARA JOBS
========================= */

.jobs-hero{
    min-height:100vh;
    padding-top:150px;
    padding-bottom:80px;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.jobs-hero-grid{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(380px, 520px);
    gap:56px;
    align-items:center;
}

.jobs-search{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) auto;
    gap:12px;
    padding:12px;
}

.jobs-panel{
    max-width:100%;
    overflow:hidden;
}

.jobs-card-title{
    overflow-wrap:normal;
    word-break:normal;
}

.jobs-salary{
    white-space:nowrap;
    font-size:13px;
}

@media(max-width:1024px){

    .jobs-hero{
        min-height:auto;
        padding-top:130px;
    }

    .jobs-hero-grid{
        grid-template-columns:1fr;
    }

    .jobs-search{
        grid-template-columns:1fr;
    }
}

@media(max-width:640px){

    .jobs-hero{
        padding-top:120px;
        padding-bottom:56px;
    }

    .jobs-panel{
        padding:16px;
    }

    .jobs-salary{
        white-space:normal;
    }
}

.antara-mobile-apply{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    padding:16px;
    z-index:999999;
    background:color-mix(in srgb, var(--antara-bg) 92%, transparent);
    backdrop-filter:blur(18px);
    border-top:1px solid var(--antara-border);
    display:none;
}

@media(max-width:1024px){
    .antara-mobile-apply{
        display:block;
    }

    body{
        padding-bottom:96px;
    }
}

.antara-mobile-apply{
    transition:
        opacity .25s ease,
        transform .25s ease;
}

.antara-mobile-apply.is-hidden{
    opacity:0;
    transform:translateY(120%);
    pointer-events:none;
}

.jobs-apply-sidebar{
    position:sticky;
    top:112px;
}

@media(max-width:1024px){
    .jobs-apply-sidebar{
        position:relative;
        top:auto;
    }
}


/* =========================
   APPLY MODAL
========================= */

.antara-modal{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    opacity:0;
    pointer-events:none;
    transition:.3s ease;
}

.antara-modal.is-open{
    opacity:1;
    pointer-events:auto;
}

.antara-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,6,23,.72);
    backdrop-filter:blur(12px);
}

.antara-modal-dialog{
    position:relative;
    width:min(760px, 100%);
    max-height:92vh;
    overflow:auto;
    border-radius:32px;
    padding:32px;
    background:
        radial-gradient(circle at top left, var(--antara-hero-glow-1), transparent 34%),
        radial-gradient(circle at top right, var(--antara-hero-glow-2), transparent 38%),
        var(--antara-bg);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:
        0 40px 120px rgba(0,0,0,.45);
    backdrop-filter:blur(24px);
    transform:translateY(24px) scale(.96);
    transition:.35s ease;
}

.antara-modal.is-open .antara-modal-dialog{
    transform:none;
}

.antara-modal-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
    margin-bottom:28px;
}

.antara-modal-close{
    width:44px;
    height:44px;
    border-radius:14px;
    border:1px solid var(--antara-border);
    background:rgba(255,255,255,.05);
    color:var(--antara-text);
    font-size:18px;
    cursor:pointer;
    transition:.25s ease;
    flex-shrink:0;
}

.antara-modal-close:hover{
    background:rgba(255,255,255,.10);
    transform:translateY(-1px);
}

/* =========================
   PROGRESS
========================= */

.antara-progress{
    width:100%;
    height:8px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    overflow:hidden;
}

.antara-progress-bar{
    width:0%;
    height:100%;
    border-radius:999px;
    background:
        linear-gradient(
            90deg,
            var(--antara-orange),
            #ffb088
        );
    transition:.35s ease;
}

/* =========================
   STEPS
========================= */

.antara-steps-wrapper{
    position:relative;
    overflow:hidden;
}

.antara-step{
    display:none;
    animation:fadeStep .35s ease;
}

.antara-step.active{
    display:block;
}

@keyframes fadeStep{
    from{
        opacity:0;
        transform:translateY(10px);
    }

    to{
        opacity:1;
        transform:none;
    }
}

/* =========================
   FOOTER
========================= */

.antara-modal-footer{
    display:flex;
    justify-content:space-between;
    gap:16px;
    margin-top:32px;
}

/* =========================
   OPTION CARD
========================= */

.antara-option-card{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px;
    border-radius:20px;
    border:1px solid var(--antara-border);
    background:rgba(255,255,255,.03);
    cursor:pointer;
    transition:.25s ease;
}

.antara-option-card:hover{
    border-color:rgba(244,87,32,.45);
    background:rgba(244,87,32,.06);
}

.antara-option-card input{
    accent-color:var(--antara-orange);
}

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

@media(max-width:768px){

    .antara-modal{
        padding:0;
        align-items:flex-end;
    }

    .antara-modal-dialog{
        width:100%;
        max-width:none;
        max-height:100vh;
        height:100vh;
        border-radius:28px 28px 0 0;
        padding:24px;
    }

    .antara-modal-footer{
        position:sticky;
        bottom:0;
        background:var(--antara-bg);
        padding:16px 0 0;
        margin-top:24px;
        border-top:1px solid var(--antara-border);
    }

}

.antara-mobile-apply{
    transition:
        opacity .25s ease,
        transform .25s ease;
}

.antara-mobile-apply.is-hidden{
    opacity:0;
    transform:translateY(120%);
    pointer-events:none;
}


.antara-mobile-menu{
    position:fixed;
    inset:0;
    z-index:99999;
    opacity:0;
    pointer-events:none;
    transition:.25s ease;
}

.antara-mobile-menu.is-open{
    opacity:1;
    pointer-events:auto;
}

.antara-mobile-menu-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,6,23,.68);
    backdrop-filter:blur(8px);
}

.antara-mobile-menu-panel{
    position:absolute;
    right:0;
    top:0;
    width:min(88%, 380px);
    height:100%;
    padding:24px;
    background:var(--antara-bg-soft);
    border-left:1px solid var(--antara-border);
    box-shadow:0 30px 90px rgba(0,0,0,.35);
    transform:translateX(100%);
    transition:.28s ease;
    overflow-y:auto;
}

.antara-mobile-menu.is-open .antara-mobile-menu-panel{
    transform:translateX(0);
}

.jobs-blog-content{
    color:var(--antara-soft);
    font-size:18px;
    line-height:1.85;
}

.jobs-blog-content p{
    margin-bottom:24px;
}

.jobs-blog-content h2{
    color:var(--antara-text);
    font-size:clamp(26px, 3vw, 38px);
    line-height:1.1;
    letter-spacing:-.04em;
    font-weight:900;
    margin:44px 0 18px;
}

.jobs-blog-content ul{
    margin:24px 0;
    padding-left:24px;
}

.jobs-blog-content li{
    margin-bottom:12px;
}