@media (min-width: 769px) {
    body.bb-recruitment-desktop {
        margin: 0;
        color: #17211d;
        background: #f3f5f4;
        font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    body.bb-recruitment-desktop .bb-recruitment-legacy-header,
    body.bb-recruitment-desktop .bb-recruitment-legacy-features,
    body.bb-recruitment-desktop .social { display: none !important; }

    body.bb-recruitment-desktop > .topbar {
        background: #1b1d1c !important;
        box-shadow: 0 8px 26px rgba(0,0,0,.16) !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-page {
        box-sizing: border-box;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "copy" "form";
        align-items: start;
        gap: 34px;
        width: 100% !important;
        padding: clamp(62px, 6vw, 94px) max(32px, calc((100vw - 1480px) / 2)) 76px !important;
        border: 0 !important;
        background: linear-gradient(180deg, #f5f7f6 0%, #eef1ef 100%) !important;
        overflow: visible !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-copy {
        --bb-recruitment-content-width: 1080px;
        grid-area: copy;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "heading" "benefits" "story" "image";
        align-items: start;
        gap: 0 clamp(30px, 3.4vw, 54px);
        float: none !important;
        width: auto !important;
        min-width: 0;
        margin: 0 !important;
        padding: clamp(32px, 3.4vw, 54px);
        border: 1px solid rgba(20,35,29,.09);
        border-radius: 30px;
        background: rgba(255,255,255,.94);
        box-shadow: 0 24px 65px rgba(30,48,40,.10);
    }

    body.bb-recruitment-desktop .bb-recruitment-copy > div:first-child { grid-area: heading; text-align: center !important; }
    body.bb-recruitment-desktop .bb-recruitment-copy > br { display: none; }
    body.bb-recruitment-desktop .bb-recruitment-copy h1 {
        max-width: 760px;
        margin: 0 auto 13px !important;
        color: #17211d !important;
        font: 900 clamp(34px, 3.45vw, 52px)/1 Raleway, Inter, sans-serif !important;
        letter-spacing: -.05em;
        text-wrap: balance;
    }
    body.bb-recruitment-desktop .bb-recruitment-copy h1::before {
        content: "JOIN BUTLER BOOKINGS";
        display: block;
        margin-bottom: 14px;
        color: #f72d72;
        font: 800 12px/1 Inter, sans-serif;
        letter-spacing: .16em;
    }
    body.bb-recruitment-desktop .bb-recruitment-copy h2 {
        max-width: 680px;
        margin: 0 auto 28px !important;
        color: #53615a !important;
        font: 750 clamp(17px, 1.35vw, 21px)/1.4 Raleway, Inter, sans-serif !important;
        letter-spacing: -.02em;
        text-align: center !important;
    }
    body.bb-recruitment-desktop .bb-recruitment-story {
        grid-area: story;
        display: block;
        width: 100%;
        max-width: var(--bb-recruitment-content-width);
        margin: 0 auto;
        color: #526059 !important;
        font: 500 17px/1.72 Inter, sans-serif !important;
    }
    body.bb-recruitment-desktop .bb-recruitment-story p {
        margin: 0;
        padding: 20px 0;
        border-top: 1px solid #e5eae7;
    }
    body.bb-recruitment-desktop .bb-recruitment-story p:first-child {
        padding-top: 0;
        border-top: 0;
    }
    body.bb-recruitment-desktop .bb-recruitment-story-cta {
        margin-top: 8px !important;
        padding: 20px 22px !important;
        border: 1px solid #f2cad9 !important;
        border-radius: 17px;
        color: #473039;
        background: linear-gradient(135deg, #fff8fa 0%, #fff 100%);
        box-shadow: 0 10px 24px rgba(58,38,46,.055);
    }
    body.bb-recruitment-desktop .bb-recruitment-story-cta strong {
        color: #b42258;
    }

    body.bb-recruitment-desktop .bb-recruitment-benefits {
        grid-area: benefits;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 12px;
        width: 100%;
        max-width: var(--bb-recruitment-content-width);
        margin: 4px auto 32px;
    }
    body.bb-recruitment-desktop .bb-recruitment-benefits > div {
        display: grid;
        grid-template-columns: 42px 1fr;
        align-items: center;
        min-height: 90px;
        padding: 15px 16px;
        border: 1px solid #e2e8e5;
        border-radius: 18px;
        background: linear-gradient(145deg, #fafcfb 0%, #f5f8f6 100%);
        box-shadow: 0 8px 20px rgba(30,48,40,.045);
    }
    body.bb-recruitment-desktop .bb-recruitment-benefits i {
        grid-row: 1 / 3;
        display: grid;
        place-items: center;
        width: 32px;
        height: 32px;
        border-radius: 0;
        color: #f72d72;
        background: transparent;
        font-size: 18px;
    }
    body.bb-recruitment-desktop .bb-recruitment-benefits strong {
        color: #17211d;
        font-size: 14px;
        line-height: 1.25;
    }
    body.bb-recruitment-desktop .bb-recruitment-benefits span {
        color: #6a756f;
        font-size: 12px;
        line-height: 1.35;
    }
    body.bb-recruitment-desktop .bb-recruitment-roles {
        grid-area: roles;
        margin: 0 0 34px;
        padding: 22px;
        border: 1px solid #e2e8e5;
        border-radius: 20px;
        background: linear-gradient(145deg, #fff 0%, #f7f9f8 100%);
    }
    body.bb-recruitment-desktop .bb-recruitment-roles-heading span {
        color: #f72d72;
        font-size: 10px;
        font-weight: 850;
        letter-spacing: .14em;
        text-transform: uppercase;
    }
    body.bb-recruitment-desktop .bb-recruitment-roles-heading h3 {
        margin: 7px 0 17px;
        color: #17211d;
        font: 850 20px/1.2 Raleway, Inter, sans-serif;
        letter-spacing: -.025em;
    }
    body.bb-recruitment-desktop .bb-recruitment-role-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }
    body.bb-recruitment-desktop .bb-recruitment-role-list > div {
        display: grid;
        grid-template-columns: 34px 1fr;
        align-content: start;
        gap: 3px 8px;
        min-width: 0;
        padding: 14px;
        border: 1px solid #e5eae7;
        border-radius: 15px;
        background: #fff;
    }
    body.bb-recruitment-desktop .bb-recruitment-role-list i {
        grid-row: 1 / 3;
        display: grid;
        place-items: center;
        width: 32px;
        height: 32px;
        border-radius: 10px;
        color: #f72d72;
        background: #fff0f5;
        font-size: 14px;
    }
    body.bb-recruitment-desktop .bb-recruitment-role-list strong {
        color: #223029;
        font-size: 12.5px;
        line-height: 1.25;
    }
    body.bb-recruitment-desktop .bb-recruitment-role-list span {
        color: #6a756f;
        font-size: 11px;
        line-height: 1.38;
    }
    body.bb-recruitment-desktop .bb-recruitment-roles > p {
        margin: 14px 0 0;
        color: #78827d;
        font-size: 11px;
        font-weight: 650;
    }

    body.bb-recruitment-desktop .bb-recruitment-gallery {
        grid-area: image;
        display: grid;
        grid-template-columns: minmax(0, 1.4fr) minmax(0, .95fr);
        grid-template-rows: auto;
        gap: 14px;
        align-self: auto;
        align-content: start;
        min-width: 0;
        width: 100%;
        max-width: var(--bb-recruitment-content-width);
        margin: 30px auto 0;
    }
    body.bb-recruitment-desktop .bb-recruitment-team-image {
        display: block;
        width: 100%;
        max-width: none;
        height: clamp(190px, 17vw, 270px) !important;
        margin: 0 !important;
        border-radius: 18px !important;
        object-fit: cover;
        object-position: center top;
        background: transparent;
        box-shadow: 0 16px 36px rgba(23,33,29,.13) !important;
    }
    body.bb-recruitment-desktop .bb-recruitment-team-image-main {
        height: clamp(300px, 40vw, 500px) !important;
    }
    body.bb-recruitment-desktop .bb-recruitment-team-image-secondary {
        height: clamp(300px, 40vw, 500px) !important;
        object-fit: cover;
        object-position: center top;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card {
        grid-area: form;
        position: relative;
        top: auto;
        align-self: start;
        box-sizing: border-box;
        float: none !important;
        width: 100% !important;
        max-width: none;
        margin: 0 !important;
        padding: clamp(28px, 3.2vw, 48px) !important;
        border: 1px solid rgba(20,35,29,.1);
        border-radius: 30px !important;
        color: #26322d;
        background: linear-gradient(180deg, #fff 0%, #f8faf9 100%) !important;
        box-shadow: 0 28px 70px rgba(29,47,39,.16) !important;
        text-align: left !important;
        overflow: hidden;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card::before { display: none; }
    body.bb-recruitment-desktop .bb-recruitment-form-card > form {
        box-sizing: border-box;
        max-width: 960px;
        margin: 0 auto;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }
    body.bb-recruitment-desktop .bb-form-heading {
        margin: 0 0 34px;
        padding: 0 0 25px;
        border-bottom: 1px solid #e4eae7;
        text-align: center;
    }
    body.bb-recruitment-desktop .bb-form-heading::before {
        content: "\f2bb";
        display: grid;
        place-items: center;
        width: 54px;
        height: 54px;
        margin: 0 auto 16px;
        border: 1px solid #f4c8d8;
        border-radius: 17px;
        color: #f72d72;
        background: linear-gradient(145deg, #fff 0%, #fff2f7 100%);
        box-shadow: 0 10px 24px rgba(247,45,114,.11);
        font: 900 21px/1 "Font Awesome 6 Free";
    }
    body.bb-recruitment-desktop .bb-form-heading > span {
        color: #f72d72;
        font-size: 12px;
        font-weight: 850;
        letter-spacing: .15em;
        text-transform: uppercase;
    }
    body.bb-recruitment-desktop .bb-form-heading h2 {
        margin: 9px 0 8px;
        color: #17211d;
        font: 900 clamp(27px, 2.1vw, 35px)/1.04 Raleway, Inter, sans-serif;
        letter-spacing: -.04em;
    }
    body.bb-recruitment-desktop .bb-form-heading p {
        margin: 0;
        color: #6a756f;
        font-size: 14px;
        line-height: 1.5;
    }
    body.bb-recruitment-desktop .bb-form-heading::after {
        content: "Paid training  •  Flexible opportunities  •  Friendly support";
        display: block;
        margin-top: 15px;
        color: #53615a;
        font-size: 12px;
        font-weight: 750;
        letter-spacing: .01em;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card label {
        display: block;
        width: 100%;
        max-width: none;
        box-sizing: border-box;
        clear: both;
        margin: 0 0 8px;
        color: #29362f;
        font-size: 13px !important;
        font-weight: 800;
        line-height: 1.4;
        text-align: left;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card form {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card form > br { display: none; }
    body.bb-recruitment-desktop .bb-recruitment-form-card form > label {
        margin-top: 3px;
        text-align: left !important;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card input:not([type="checkbox"]):not([type="submit"]),
    body.bb-recruitment-desktop .bb-recruitment-form-card textarea,
    body.bb-recruitment-desktop .bb-recruitment-form-card select {
        box-sizing: border-box;
        width: 100% !important;
        min-height: 56px;
        margin: 0 0 20px !important;
        padding: 15px 17px !important;
        border: 1px solid #d5dfda !important;
        border-radius: 15px !important;
        outline: 0;
        color: #17211d !important;
        background: #fbfcfb !important;
        box-shadow: inset 0 1px 2px rgba(23,33,29,.025), 0 5px 13px rgba(23,33,29,.035) !important;
        font: 650 14px/1.4 Inter, sans-serif !important;
        transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card textarea { min-height: 112px; resize: vertical; }
    body.bb-recruitment-desktop .bb-recruitment-form-card #dob {
        margin-bottom: 7px !important;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card #dob-help {
        margin: 0 0 20px !important;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card #dob-error,
    body.bb-recruitment-desktop .bb-recruitment-form-card #file-error {
        margin: -12px 0 20px !important;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card form > p {
        margin: -1px 0 12px !important;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card input::placeholder,
    body.bb-recruitment-desktop .bb-recruitment-form-card textarea::placeholder {
        color: #8a948f;
        opacity: 1;
        font-weight: 600;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card input:hover,
    body.bb-recruitment-desktop .bb-recruitment-form-card textarea:hover,
    body.bb-recruitment-desktop .bb-recruitment-form-card select:hover {
        border-color: #c4d0ca !important;
        background: #fff !important;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card input:focus,
    body.bb-recruitment-desktop .bb-recruitment-form-card textarea:focus,
    body.bb-recruitment-desktop .bb-recruitment-form-card select:focus {
        border-color: rgba(247,45,114,.62) !important;
        background: #fff !important;
        box-shadow: 0 0 0 4px rgba(247,45,114,.10) !important;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card input[type="file"] {
        min-height: 74px;
        padding: 10px !important;
        border-style: dashed !important;
        background: #fbfcfb !important;
        cursor: pointer;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card input[type="file"]::file-selector-button {
        min-height: 42px;
        margin-right: 12px;
        padding: 0 16px;
        border: 1px solid #d6e0da;
        border-radius: 11px;
        color: #27342d;
        background: #fff;
        box-shadow: 0 4px 10px rgba(23,33,29,.05);
        font: 750 13px/1 Inter, sans-serif;
        cursor: pointer;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card .selectWrapper {
        position: relative;
        width: 100%;
        margin: 0 0 20px;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card .selectWrapper select {
        -webkit-appearance: none !important;
        appearance: none !important;
        min-height: 56px;
        margin: 0 !important;
        padding: 15px 48px 15px 17px !important;
        border: 1px solid #d8e0dc !important;
        border-radius: 15px !important;
        color: #26332c !important;
        background: #f7f9f8 !important;
        box-shadow: inset 0 1px 2px rgba(23,33,29,.025), 0 3px 8px rgba(23,33,29,.025) !important;
        font-weight: 750 !important;
        cursor: pointer;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card .selectWrapper::before {
        display: none;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card .selectWrapper::after {
        content: "";
        position: absolute;
        z-index: 3;
        top: 21px;
        right: 20px;
        width: 9px;
        height: 9px;
        border-right: 2px solid #53615a;
        border-bottom: 2px solid #53615a;
        transform: rotate(45deg);
        pointer-events: none;
    }
    body.bb-recruitment-desktop .bb-recruitment-form-card input[type="submit"] {
        width: 100% !important;
        min-height: 60px;
        margin-top: 4px;
        border: 1px solid rgba(103,213,157,.32) !important;
        border-radius: 999px !important;
        color: #fff !important;
        background:
            linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.035) 48%, rgba(255,255,255,0) 49%),
            linear-gradient(135deg, #62c991 0%, #3eaa70 54%, #319460 100%) !important;
        box-shadow: 0 8px 18px rgba(30,122,76,.16), inset 0 1px 0 rgba(255,255,255,.38), inset 0 -1px 0 rgba(10,77,42,.22) !important;
        text-shadow: 0 1px 2px rgba(14,70,42,.38);
        font: 850 16px/1 Raleway, Inter, sans-serif !important;
        letter-spacing: .015em;
        cursor: pointer;
        transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card input[type="submit"]:hover {
        background:
            linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.045) 48%, rgba(255,255,255,0) 49%),
            linear-gradient(135deg, #6bd39c 0%, #43b678 54%, #359e67 100%) !important;
        box-shadow: 0 10px 22px rgba(30,122,76,.2), inset 0 1px 0 rgba(255,255,255,.43) !important;
        transform: translateY(-1px);
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card input[type="submit"]:active {
        transform: translateY(0) scale(.995);
        filter: brightness(.96) saturate(.98);
        box-shadow: 0 8px 18px rgba(30,122,76,.24), inset 0 2px 4px rgba(8,63,36,.18) !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card input[type="submit"]:focus-visible,
    body.bb-recruitment-desktop .bb-recruitment-form-card input[type="file"]:focus-visible,
    body.bb-recruitment-desktop .bb-recruitment-form-card a:focus-visible {
        outline: 3px solid rgba(247,45,114,.28) !important;
        outline-offset: 3px;
    }

    body.bb-recruitment-desktop .bb-recruitment-gallery,
    body.bb-recruitment-desktop .bb-recruitment-form-card {
        content-visibility: auto;
        contain-intrinsic-size: 700px;
    }

    @media (prefers-reduced-motion: reduce) {
        body.bb-recruitment-desktop *,
        body.bb-recruitment-desktop *::before,
        body.bb-recruitment-desktop *::after {
            scroll-behavior: auto !important;
            transition-duration: .01ms !important;
            animation-duration: .01ms !important;
            animation-iteration-count: 1 !important;
        }
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card small { color: #78827d !important; }
    body.bb-recruitment-desktop .bb-recruitment-form-card a { color: #bb225a; }

    @media (max-width: 1500px) {
        body.bb-recruitment-desktop .bb-recruitment-page {
            grid-template-columns: minmax(0,1fr);
            padding-inline: 28px !important;
            gap: 28px;
        }
        body.bb-recruitment-desktop .bb-recruitment-copy {
            grid-template-columns: minmax(0,1fr);
            grid-template-areas: "heading" "benefits" "story" "image";
            padding: 34px 28px;
        }
        body.bb-recruitment-desktop .bb-recruitment-copy > div:first-child,
        body.bb-recruitment-desktop .bb-recruitment-copy h1,
        body.bb-recruitment-desktop .bb-recruitment-copy h2 {
            text-align: center !important;
        }
        body.bb-recruitment-desktop .bb-recruitment-copy h1 {
            margin-inline: auto !important;
        }
        body.bb-recruitment-desktop .bb-recruitment-gallery {
            grid-template-columns: minmax(0, 1.4fr) minmax(0, .95fr);
            grid-template-rows: auto;
            width: 100%;
            margin: 26px auto 0 !important;
        }
        body.bb-recruitment-desktop .bb-recruitment-team-image,
        body.bb-recruitment-desktop .bb-recruitment-team-image-main,
        body.bb-recruitment-desktop .bb-recruitment-team-image-secondary {
            height: clamp(300px, 40vw, 500px) !important;
        }
        body.bb-recruitment-desktop .bb-recruitment-benefits { grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); }
        body.bb-recruitment-desktop .bb-recruitment-role-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
    }

    @media (max-width: 960px) {
        body.bb-recruitment-desktop .bb-recruitment-page {
            grid-template-columns: 1fr;
            grid-template-areas: "copy" "form";
            padding-top: 46px !important;
        }
        body.bb-recruitment-desktop .bb-recruitment-copy {
            grid-template-columns: 1fr;
            grid-template-areas: "heading" "benefits" "story" "image";
        }
        body.bb-recruitment-desktop .bb-recruitment-gallery {
            grid-template-columns: minmax(0, 1.4fr) minmax(0, .95fr);
            grid-template-rows: auto;
            width: min(100%,748px);
            margin: 22px auto 0 !important;
        }
        body.bb-recruitment-desktop .bb-recruitment-team-image,
        body.bb-recruitment-desktop .bb-recruitment-team-image-main,
        body.bb-recruitment-desktop .bb-recruitment-team-image-secondary {
            height: clamp(290px, 40vw, 360px) !important;
        }
        body.bb-recruitment-desktop .bb-recruitment-form-card { position: static; max-width: none; }
        body.bb-recruitment-desktop .bb-recruitment-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }
    }
}

/* Premium charcoal desktop theme */
@media (min-width: 769px) {
    body.bb-recruitment-desktop {
        color: #dfe3e1;
        background: #1a1e1f;
        accent-color: #f72d72;
    }

    body.bb-recruitment-desktop ::selection {
        color: #fff;
        background: rgba(247,45,114,.72);
    }

    body.bb-recruitment-desktop .bb-recruitment-page {
        background:
            radial-gradient(circle at 12% 8%, rgba(255,255,255,.035), transparent 28%),
            linear-gradient(180deg, #252a2b 0%, #1b1f20 58%, #171a1b 100%) !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-copy,
    body.bb-recruitment-desktop .bb-recruitment-form-card,
    body.bb-recruitment-desktop .bb-recruitment-faq {
        border-color: rgba(255,255,255,.09) !important;
        background: linear-gradient(145deg, #111416, #191d1f 62%, #121416) !important;
        box-shadow: 0 28px 72px rgba(0,0,0,.34) !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-copy h1,
    body.bb-recruitment-desktop .bb-recruitment-form-card h2,
    body.bb-recruitment-desktop .bb-recruitment-benefits strong,
    body.bb-recruitment-desktop .bb-form-heading h2 {
        color: #e8ebe9 !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-copy h2,
    body.bb-recruitment-desktop .bb-recruitment-story,
    body.bb-recruitment-desktop .bb-form-heading p {
        color: #afb7b3 !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-story p {
        border-color: rgba(255,255,255,.085);
    }

    body.bb-recruitment-desktop .bb-recruitment-story strong {
        color: #e2e6e4;
    }

    body.bb-recruitment-desktop .bb-recruitment-story-cta {
        border-color: rgba(247,45,114,.24) !important;
        color: #d5dad7;
        background: rgba(247,45,114,.065) !important;
        box-shadow: none;
    }

    body.bb-recruitment-desktop .bb-recruitment-story-cta strong,
    body.bb-recruitment-desktop .bb-recruitment-copy h1::before,
    body.bb-recruitment-desktop .bb-form-heading > span {
        color: #ff4b88 !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-benefits > div {
        border-color: rgba(255,255,255,.13);
        background: rgba(255,255,255,.065);
        box-shadow: 0 10px 24px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.035);
    }

    body.bb-recruitment-desktop .bb-recruitment-benefits strong {
        color: #e8ecea !important;
        font-size: 14.5px;
        font-weight: 850;
    }

    body.bb-recruitment-desktop .bb-recruitment-benefits span {
        color: #bfc7c3;
        font-size: 13px;
        font-weight: 550;
        line-height: 1.42;
    }

    body.bb-recruitment-desktop .bb-recruitment-benefits i {
        color: #ff4b88;
        font-size: 20px;
    }

    body.bb-recruitment-desktop .bb-recruitment-team-image {
        border: 1px solid rgba(255,255,255,.09);
        box-shadow: 0 18px 42px rgba(0,0,0,.34) !important;
    }

    body.bb-recruitment-desktop .bb-form-heading {
        border-color: rgba(255,255,255,.08) !important;
    }

    body.bb-recruitment-desktop .bb-form-heading::before {
        border-color: rgba(247,45,114,.28);
        color: #ff5b91;
        background: linear-gradient(145deg, rgba(247,45,114,.14), rgba(255,255,255,.045));
        box-shadow: 0 8px 18px rgba(0,0,0,.18);
    }

    body.bb-recruitment-desktop .bb-form-heading::after {
        color: #b7bfbb;
        font-size: 12.5px;
        font-weight: 700;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card label,
    body.bb-recruitment-desktop .bb-recruitment-form-card p {
        color: #d8ddda !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card label {
        font-weight: 750 !important;
        letter-spacing: -.005em;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card small {
        color: #a2aaa6 !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card input:not([type="submit"]):not([type="checkbox"]),
    body.bb-recruitment-desktop .bb-recruitment-form-card textarea,
    body.bb-recruitment-desktop .bb-recruitment-form-card .selectWrapper select {
        border-color: rgba(255,255,255,.11) !important;
        color: #e1e5e3 !important;
        background: #202425 !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.16) !important;
        color-scheme: dark;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card input::placeholder,
    body.bb-recruitment-desktop .bb-recruitment-form-card textarea::placeholder {
        color: #939c98;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card input:-webkit-autofill,
    body.bb-recruitment-desktop .bb-recruitment-form-card input:-webkit-autofill:hover,
    body.bb-recruitment-desktop .bb-recruitment-form-card input:-webkit-autofill:focus,
    body.bb-recruitment-desktop .bb-recruitment-form-card input:-webkit-autofill:active {
        -webkit-text-fill-color: #e1e5e3 !important;
        -webkit-box-shadow: 0 0 0 1000px #202425 inset !important;
        box-shadow: 0 0 0 1000px #202425 inset !important;
        background-color: #202425 !important;
        -webkit-background-clip: text;
        caret-color: #e1e5e3;
        transition: background-color 9999s ease-out 0s;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card input:autofill {
        color: #e1e5e3 !important;
        background: #202425 !important;
        box-shadow: 0 0 0 1000px #202425 inset !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card input:hover,
    body.bb-recruitment-desktop .bb-recruitment-form-card textarea:hover,
    body.bb-recruitment-desktop .bb-recruitment-form-card select:hover,
    body.bb-recruitment-desktop .bb-recruitment-form-card input:focus,
    body.bb-recruitment-desktop .bb-recruitment-form-card textarea:focus,
    body.bb-recruitment-desktop .bb-recruitment-form-card select:focus {
        background: #272c2d !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card input[type="file"]::file-selector-button {
        border-color: rgba(255,255,255,.12);
        color: #dfe4e1;
        background: #34393a;
        box-shadow: none;
        transition: background .18s ease, border-color .18s ease;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card input[type="file"]::file-selector-button:hover {
        border-color: rgba(255,255,255,.22);
        background: #3c4243;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card .selectWrapper::after {
        border-color: #bec5c2;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card form > div[style*="background:#fafafa"] {
        border-color: rgba(255,255,255,.1) !important;
        background: rgba(255,255,255,.035) !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card a {
        color: #ff74a3;
    }

    body.bb-recruitment-desktop .bb-recruitment-form-card input[type="submit"]:disabled {
        cursor: wait;
        opacity: .72;
        transform: none;
        filter: saturate(.65);
        box-shadow: 0 8px 18px rgba(30,122,76,.18) !important;
    }

    body.bb-recruitment-desktop .bb-recruitment-faq {
        box-sizing: border-box;
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: minmax(240px, .7fr) minmax(0, 1.7fr);
        gap: clamp(30px, 4vw, 64px);
        width: 100%;
        padding: clamp(34px, 3.6vw, 56px);
        border: 1px solid rgba(255,255,255,.09);
        border-radius: 30px;
    }

    body.bb-recruitment-desktop .bb-recruitment-faq-intro {
        position: sticky;
        top: 92px;
        align-self: start;
    }

    body.bb-recruitment-desktop .bb-recruitment-faq-intro > span {
        display: inline-block;
        margin-bottom: 15px;
        color: #ff4b88;
        font-size: 12px;
        font-weight: 850;
        letter-spacing: .16em;
    }

    body.bb-recruitment-desktop .bb-recruitment-faq-intro h2 {
        margin: 0 0 16px;
        color: #e8ebe9;
        font: 900 clamp(32px, 3.1vw, 48px)/1.04 Raleway, Inter, sans-serif;
        letter-spacing: -.045em;
        text-wrap: balance;
    }

    body.bb-recruitment-desktop .bb-recruitment-faq-intro p {
        max-width: 390px;
        margin: 0;
        color: #aeb7b2;
        font-size: 16px;
        line-height: 1.65;
    }

    body.bb-recruitment-desktop .bb-recruitment-faq-list {
        display: grid;
        gap: 11px;
    }

    body.bb-recruitment-desktop .bb-recruitment-faq-list details {
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 17px;
        background: rgba(255,255,255,.045);
        overflow: clip;
        transition: border-color .2s ease, background .2s ease;
    }

    body.bb-recruitment-desktop .bb-recruitment-faq-list details[open] {
        border-color: rgba(247,45,114,.28);
        background: rgba(255,255,255,.065);
    }

    body.bb-recruitment-desktop .bb-recruitment-faq-list summary {
        position: relative;
        display: block;
        padding: 20px 58px 20px 22px;
        color: #e4e8e6;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.4;
        cursor: pointer;
        list-style: none;
    }

    body.bb-recruitment-desktop .bb-recruitment-faq-list summary::-webkit-details-marker {
        display: none;
    }

    body.bb-recruitment-desktop .bb-recruitment-faq-list summary::after {
        content: "+";
        position: absolute;
        top: 50%;
        right: 19px;
        display: grid;
        place-items: center;
        width: 29px;
        height: 29px;
        border: 1px solid rgba(255,255,255,.13);
        border-radius: 50%;
        color: #ff6095;
        background: rgba(255,255,255,.055);
        font-size: 21px;
        font-weight: 500;
        transform: translateY(-50%);
    }

    body.bb-recruitment-desktop .bb-recruitment-faq-list details[open] summary::after {
        content: "−";
    }

    body.bb-recruitment-desktop .bb-recruitment-faq-list details p {
        margin: -2px 58px 0 22px;
        padding: 0 0 21px;
        color: #b7c0bb;
        font-size: 15px;
        line-height: 1.67;
    }

    @media (max-width: 960px) {
        body.bb-recruitment-desktop .bb-recruitment-faq {
            grid-template-columns: 1fr;
        }

        body.bb-recruitment-desktop .bb-recruitment-faq-intro {
            position: static;
        }
    }

}