.careers-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 20% 20%, rgba(16,185,129,.15), transparent 30%),
        radial-gradient(circle at 80% 15%, rgba(34,197,94,.10), transparent 35%),
        radial-gradient(circle at 50% 100%, rgba(5,150,105,.12), transparent 45%),
        linear-gradient(135deg, #081412 0%, #0E221C 35%, #14372D 70%, #07110F 100%);
}

.careers-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 60px 60px;
    opacity: .35;
    pointer-events: none;
}

.careers-hero::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(16,185,129,.12), transparent 70%);
    filter: blur(120px);
    pointer-events: none;
}

.culture {
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(circle at 15% 20%,
            rgba(16,185,129,.10),
            transparent 35%),

        radial-gradient(circle at 85% 15%,
            rgba(59,130,246,.08),
            transparent 35%),

        radial-gradient(circle at 50% 100%,
            rgba(45,212,191,.08),
            transparent 45%),

        linear-gradient(
            135deg,
            #ffffff 0%,
            #f8fffc 30%,
            #f4faff 65%,
            #ffffff 100%
        );
}

.culture::before{

    content:"";
    position:absolute;
    inset:0;

    background-image:

        radial-gradient(
            rgba(16,185,129,.08) 1px,
            transparent 1px
        );

    background-size:32px 32px;

    opacity:.5;

    pointer-events:none;

}

.culture::after{

    content:"";
    position:absolute;

    width:600px;
    height:600px;

    right:-250px;
    top:-220px;

    border-radius:50%;

    background:rgba(16,185,129,.08);

    filter:blur(140px);

}

.hiring-process {
    background:
        linear-gradient(
            135deg,
            #F1F5F9 0%,
            #E2E8F0 100%
        );
}

.open-positions {
    background:
        radial-gradient(circle at top left, rgba(16,185,129,.10), transparent 35%),
        radial-gradient(circle at bottom right, rgba(59,130,246,.08), transparent 40%),
        linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);
}

.open-positions {
    background:
        radial-gradient(circle at top right, rgba(16,185,129,.18), transparent 30%),
        radial-gradient(circle at bottom left, rgba(34,197,94,.12), transparent 35%),
        linear-gradient(135deg,#022c22 0%,#052e2b 45%,#064e3b 100%);
}


.all-teams {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    border-radius: 9999px;

    background: conic-gradient(
        #ff6b6b 0deg 60deg,
        #feca57 60deg 120deg,
        #48dbfb 120deg 180deg,
        #1dd1a1 180deg 240deg,
        #5f27cd 240deg 300deg,
        #ff9ff3 300deg 360deg
    );
}


.FAQS {
background: linear-gradient(
    135deg,
    #f8fafc 0%,
    #f1f5f9 35%,
    #e0f2fe 100%
);
}

/* FAQ Card */

.faq-item {
    background: white;
    box-shadow:
        0 1px 2px rgba(0,0,0,.04);
}

/* Active card */

.faq-item[open] {
    background: #ffffff;

    border-color: #10b981;

    box-shadow:
        0 10px 30px rgba(16,185,129,.10);
}

/* Toggle */

.faq-toggle {
    position: relative;

    width: 24px;
    height: 24px;

    flex-shrink: 0;
}

/* Horizontal */

.faq-horizontal {
    position: absolute;

    width: 14px;
    height: 2px;

    background: #1459fb;

    top: 30%;

    transform: translateY(-50%);

    border-radius: 999px;
}

/* Vertical */

.faq-vertical {
    position: absolute;

    width: 2px;
    height: 14px;

    background: #1459fb;

    left: 30%;

    transform: translateX(-50%);

    border-radius: 999px;

    transition: all .3s ease;
}

/* + -> - */

.faq-item[open] .faq-vertical {
    height: 0;
    top: 50%;
}

/* Answer animation */

.faq-content {
    animation: faqAnimation .25s ease;
}

@keyframes faqAnimation {

    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.talent-pool {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(16, 185, 129, 0.18),
            transparent 30%
        ),
        radial-gradient(
            circle at 85% 25%,
            rgba(20, 184, 166, 0.14),
            transparent 28%
        ),
        radial-gradient(
            circle at 50% 100%,
            rgba(5, 150, 105, 0.12),
            transparent 35%
        ),
        #06120f;
}