/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/talents-page.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.talents-page {

    padding: 34px;

    background: #070809;

    min-height: 100vh;

    color: white;

}

.talents-hero {

    display: flex;
    align-items: center;
    justify-content: space-between;

    overflow: hidden;

    height: 260px;

    margin-bottom: 22px;

    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 28px;

    background:
        radial-gradient(circle at right, #8e6517 0%, transparent 45%),
        linear-gradient(180deg, #111317, #090a0c);

}

.talents-hero-left {

    width: 42%;

    padding: 48px;

}

.talents-hero-right {

    width: 58%;
    height: 100%;

}

.talents-hero-right img {

    width: 100%;
    height: 100%;

    object-fit: cover;

}

.talents-hero-badge {

    display: inline-flex;

    padding: 8px 14px;

    border-radius: 999px;

    background: #171717;

    color: #c59a42;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: .15em;

}

.talents-hero h1 {

    margin-top: 18px;

    font-size: 74px;
    line-height: .95;
    font-weight: 900;

}

.talents-hero h2 {

    margin-top: 12px;

    font-size: 34px;

}

.talents-hero p {

    margin-top: 8px;

    color: #9a9a9a;

}

.talents-hero-stats {

    display: flex;

    gap: 26px;

    margin-top: 34px;

}

.hero-stat {

    display: flex;
    align-items: center;

    gap: 14px;

}

.hero-stat-icon {

    display: flex;
    align-items: center;
    justify-content: center;

    width: 48px;
    height: 48px;

    border-radius: 50%;

    background: #1b1b1b;

}

.talents-filters {

    display: grid;
    grid-template-columns: 2fr repeat(4, 1fr) 1.2fr;

    gap: 16px;

    margin-bottom: 22px;

}

.talents-filters input,
.talents-filters select,
.talents-filters button {

    height: 52px;

    padding: 0 18px;

    border: 1px solid rgba(255, 255, 255, .08);

    border-radius: 14px;

    background: #111316;

    color: white;

    font-size: 14px;

}

.talents-kpis {

    display: grid;

    grid-template-columns: repeat(5, 1fr);

    gap: 18px;

    margin-bottom: 30px;

}

.talent-kpi {

    padding: 22px;

    border-radius: 18px;

    border: 1px solid rgba(255, 255, 255, .07);

    background: #101214;

    display: flex;

    flex-direction: column;

    gap: 8px;

}

.talent-kpi span {

    font-size: 22px;

}

.talent-kpi strong {

    font-size: 34px;

    font-weight: 800;

}

.talent-kpi small {

    color: #bdbdbd;

}

.talent-kpi b {

    color: #4ad77b;

    font-size: 13px;

    font-weight: 700;

}

.talents-layout {

    display: grid;

    grid-template-columns: 1fr 340px;

    gap: 28px;

}

.talents-grid {

    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 22px;

}

.talent-card {

    overflow: hidden;

    border-radius: 22px;

    border: 1px solid rgba(255, 255, 255, .06);

    background: #101214;

    transition: .25s;

}

.talent-card:hover {

    transform: translateY(-6px);

    border-color: #b48b3f;

}

.talent-card-image {

    position: relative;

    height: 260px;

}

.talent-card-image img {

    width: 100%;
    height: 100%;

    object-fit: cover;

}

.talent-rating {

    position: absolute;

    top: 16px;
    left: 16px;

    padding: 6px 12px;

    border-radius: 999px;

    background: #d3a041;

    color: black;

    font-weight: 800;

}

.talent-verified {

    position: absolute;

    top: 16px;
    right: 16px;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background: #1fc26d;

    display: flex;
    align-items: center;
    justify-content: center;

    font-weight: 900;

}

.talent-card-body {

    padding: 18px;

    display: flex;

    flex-direction: column;

    gap: 10px;

}

.talent-card-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.talent-card h3 {

    font-size: 19px;

    font-weight: 800;

}

.talent-card p {

    font-weight: 700;

}

.talent-card small {

    color: #a9a9a9;

}

.talent-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 8px;

}

.talent-tags span {

    padding: 6px 10px;

    border-radius: 999px;

    background: #1d1f23;

    font-size: 12px;

}

.talent-card button {

    margin-top: 6px;

    height: 44px;

    border: none;

    border-radius: 12px;

    background: #b48b3f;

    color: black;

    font-weight: 800;

    cursor: pointer;

}

.talents-sidebar {

    display: flex;

    flex-direction: column;

    gap: 22px;

}

.sidebar-card {

    padding: 22px;

    border-radius: 22px;

    background: #101214;

    border: 1px solid rgba(255, 255, 255, .06);

}

.sidebar-card h3 {

    margin-bottom: 18px;

    font-size: 22px;

    font-weight: 800;

}

.sidebar-talent {

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 12px 0;

    border-bottom: 1px solid rgba(255, 255, 255, .05);

}

.sidebar-talent:last-child {

    border-bottom: none;

    padding-bottom: 0;

}

.sidebar-talent img {

    width: 56px;
    height: 56px;

    border-radius: 14px;

    object-fit: cover;

}

.sidebar-talent div {

    flex: 1;

    display: flex;

    flex-direction: column;

    gap: 4px;

}

.sidebar-talent strong {

    font-size: 15px;

}

.sidebar-talent small {

    color: #999;

}

.sidebar-talent span {

    font-weight: 800;

    color: #d1a24b;

}

.sidebar-feed {

    display: flex;

    flex-direction: column;

    gap: 14px;

    padding: 0;

    margin: 0;

    list-style: none;

}

.sidebar-feed li {

    color: #bcbcbc;

    font-size: 14px;

}

.position-tags {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

}

.position-tags span {

    padding: 8px 14px;

    border-radius: 999px;

    background: #1a1c20;

    font-weight: 700;

}

.section-header {

    display: flex;

    align-items: center;
    justify-content: space-between;

    margin: 34px 0 20px;

}

.section-header h2 {

    font-size: 34px;

    font-weight: 900;

}

.section-header button {

    height: 44px;

    padding: 0 18px;

    border: none;

    border-radius: 12px;

    background: #1b1d21;

    color: white;

    cursor: pointer;

}

.featured-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    margin-bottom: 36px;

}

.featured-card {

    display: flex;

    gap: 16px;

    padding: 18px;

    border-radius: 18px;

    background: #101214;

    border: 1px solid rgba(255, 255, 255, .06);

    transition: .2s;

}

.featured-card:hover {

    transform: translateY(-4px);

    border-color: #b58d42;

}

.featured-card img {

    width: 82px;
    height: 82px;

    border-radius: 16px;

    object-fit: cover;

}

.featured-card div {

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 8px;

}

.featured-card strong {

    font-size: 18px;

}

.featured-card small {

    color: #a7a7a7;

}

.discover-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 20px;

    margin-bottom: 40px;

}

.discover-card {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 12px;

    height: 130px;

    padding: 24px;

    border: none;

    border-radius: 20px;

    background: linear-gradient(180deg,
            #17191d,
            #0f1114);

    border: 1px solid rgba(255, 255, 255, .06);

    color: white;

    cursor: pointer;

    transition: .2s;

}

.discover-card:hover {

    transform: translateY(-5px);

    border-color: #b58d42;

}

.discover-card strong {

    font-size: 22px;

    font-weight: 800;

}

.discover-card span {

    color: #c69b46;

    font-size: 14px;

    font-weight: 700;

}


.talents-hero {
    position: relative;
    display: flex;
    align-items: stretch;
    height: 310px;
    margin-bottom: 0;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    border-radius: 0;
    background: #050607;
}

.talents-hero-left {
    position: relative;
    z-index: 2;
    width: 43%;
    padding: 52px 0 34px 8px;
}

.talents-hero-right {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 67%;
    height: 100%;
}

.talents-hero-right::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background:
        linear-gradient(90deg,
            #050607 0%,
            rgba(5, 6, 7, .96) 5%,
            rgba(5, 6, 7, .45) 27%,
            transparent 52%);
    pointer-events: none;
}

.talents-hero-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.talents-hero h1 {
    margin: 0;
    font-size: 68px;
    line-height: .92;
    font-weight: 900;
    letter-spacing: -2px;
}

.talents-hero h2 {
    margin: 18px 0 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 500;
}

.talents-hero p {
    margin: 7px 0 0;
    color: #92969d;
    font-size: 14px;
}

.talents-hero-stats {
    display: flex;
    align-items: center;
    gap: 34px;
    margin-top: 34px;
}

.hero-stat {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hero-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
    background: rgba(183, 132, 28, .16);
    color: #d2a53b;
    font-size: 20px;
}

.hero-stat>div:last-child {
    display: flex;
    flex-direction: column;
}

.hero-stat strong {
    font-size: 22px;
    line-height: 1;
    font-weight: 800;
}

.hero-stat span {
    margin-top: 4px;
    color: #9b9da2;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

/* =========================================================
   TALENTS ISO — BLOCK 2/5 — FILTERS
   ========================================================= */

.talents-filter-zone {
    padding: 22px 0 20px;
}

.talents-filters {
    display: grid;
    grid-template-columns:
        minmax(230px, 1.7fr) minmax(140px, .9fr) minmax(140px, .9fr) minmax(120px, .75fr) minmax(145px, .9fr) minmax(145px, .9fr);
    align-items: stretch;
    gap: 12px;
    margin: 0;
}

.talents-search {
    position: relative;
}

.talents-search>span {
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 1;
    transform: translateY(-50%);
    color: #e7e7e7;
    font-size: 20px;
    pointer-events: none;
}

.talents-search input {
    width: 100%;
    padding-left: 43px;
}

.talents-filters input,
.talents-filters select,
.talents-filters button,
.talents-sort {
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 7px;
    background: #0d1012;
    color: #eee;
}

.talents-filters input,
.talents-filters select,
.talents-filters button {
    padding: 0 15px;
    font-size: 12px;
}

.talents-more-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.talents-more-filters span {
    font-size: 17px;
}

.talents-sort {
    position: relative;
    padding: 5px 10px;
}

.talents-sort small {
    display: block;
    color: #777d84;
    font-size: 9px;
    line-height: 11px;
}

.talents-sort select {
    width: 100%;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 11px;
    outline: none;
}

.talents-active-filters {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 40px;
    padding-top: 10px;
}

.talents-active-filters>span {
    margin-right: 3px;
    color: #8e949a;
    font-size: 11px;
}

.talents-active-filters button {
    height: 27px;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 14px;
    background: #181b1e;
    color: #d4d6d8;
    font-size: 10px;
}

.talents-active-filters button b {
    margin-left: 5px;
    color: #999;
    font-size: 13px;
    font-weight: 400;
}

.talents-active-filters .talents-clear-filters {
    border: 0;
    background: transparent;
    color: #5d94d8;
}

/* =========================================================
   TALENTS ISO — BLOCK 3/5 — KPI + LIST HEADER
   ========================================================= */

.talents-kpis {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    margin: 0 0 28px;
}

.talents-kpi {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 88px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 7px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .025), transparent),
        #0d1012;
}

.kpi-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 7px;
    background: rgba(125, 70, 255, .25);
    font-size: 18px;
}

.talents-kpi>div {
    display: flex;
    flex-direction: column;
}

.talents-kpi small {
    color: #c2c4c7;
    font-size: 10px;
}

.talents-kpi strong {
    margin-top: 3px;
    color: #fff;
    font-size: 22px;
    line-height: 1;
}

.talents-kpi em {
    margin-top: 7px;
    color: #83888e;
    font-size: 9px;
    font-style: normal;
}

.talents-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.talents-list-heading>div:first-child {
    display: flex;
    align-items: baseline;
    gap: 13px;
}

.talents-list-heading h2 {
    margin: 0;
    font-size: 19px;
    font-weight: 700;
}

.talents-list-heading>div:first-child span {
    color: #777c82;
    font-size: 10px;
}

.talents-view-switch {
    display: flex;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 6px;
}

.talents-view-switch button {
    width: 38px;
    height: 38px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, .08);
    background: #0b0e10;
    color: #888;
    cursor: pointer;
}

.talents-view-switch button:last-child {
    border-right: 0;
}

.talents-view-switch button.active {
    background: #15191c;
    color: #fff;
}

/* ===== TALENTS ISO — BLOCK 4/5 — CARDS ===== */

.talents-layout {
    grid-template-columns: minmax(0, 1fr) 255px;
    gap: 18px;
}

.talents-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.talent-card {
    border-radius: 7px;
    border: 1px solid rgba(255, 255, 255, .10);
    background: #0d1012;
}

.talent-card:hover {
    transform: translateY(-2px);
}

.talent-card-image {
    height: 205px;
}

.talent-card-image img {
    object-fit: cover;
}

.talent-rating {
    top: 10px;
    left: 10px;
    padding: 4px 9px;
    border-radius: 5px;
    font-size: 11px;
}

.talent-verified {
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    font-size: 11px;
}

.talent-card-body {
    padding: 12px;
    gap: 6px;
}

.talent-card h3 {
    margin: 0;
    font-size: 15px;
}

.talent-card p {
    margin: 0;
    font-size: 11px;
}

.talent-card small {
    font-size: 10px;
}

.talent-tags {
    gap: 5px;
}

.talent-tags span {
    padding: 4px 7px;
    font-size: 9px;
}

.talent-card button {
    height: 32px;
    margin-top: 5px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 5px;
    background: transparent;
    color: #eee;
    font-size: 10px;
}

.talents-sidebar {
    gap: 14px;
}

.sidebar-card {
    padding: 14px;
    border-radius: 7px;
}

.sidebar-card h3 {
    margin: 0 0 12px;
    font-size: 14px;
}

.sidebar-talent {
    gap: 8px;
    padding: 8px 0;
}

.sidebar-talent img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.sidebar-talent strong {
    font-size: 10px;
}

.sidebar-talent small,
.sidebar-talent span {
    font-size: 9px;
}

/* ===== TALENTS ISO — BLOCK 5/5 ===== */

.talents-featured,
.talents-positions {
    margin-top: 28px;
    padding: 16px;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 7px;
    background: #0d1012;
}

.talents-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 14px;
}

.talents-section-head h2 {
    margin: 0;
    font-size: 15px;
}

.talents-section-head p {
    margin: 3px 0 0;
    color: #7f858b;
    font-size: 10px;
}

.talents-section-head button {
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 5px;
    background: transparent;
    color: #ddd;
    font-size: 9px;
}

.featured-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.featured-talent {
    position: relative;
    height: 155px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 6px;
}

.featured-talent>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-talent::after {
    content: "";
    position: absolute;
    inset: 35% 0 0;
    background: linear-gradient(transparent, rgba(0, 0, 0, .95));
}

.featured-overlay {
    position: absolute;
    z-index: 2;
    right: 10px;
    bottom: 9px;
    left: 10px;
    display: flex;
    flex-direction: column;
}

.featured-overlay strong {
    font-size: 12px;
}

.featured-overlay span {
    margin-top: 2px;
    color: #aaa;
    font-size: 9px;
}

.featured-overlay small {
    margin-top: 4px;
    color: #d9a72e;
    font-size: 9px;
}

.position-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr) 180px;
    gap: 10px;
}

.position-grid button {
    display: flex;
    min-height: 95px;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 6px;
    background: #111416;
    color: #fff;
}

.position-grid strong {
    font-size: 11px;
}

.position-grid span {
    margin-top: 4px;
    color: #999;
    font-size: 9px;
}

.position-grid .all-positions {
    align-items: center;
    justify-content: center;
}

.position-grid .all-positions strong {
    font-size: 25px;
}

/* ===== TALENTS — LOAD MORE ===== */

.talents-load-more {
    display: block;
    width: 230px;
    height: 34px;
    margin: 14px auto 0;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 5px;
    background: #0b0e10;
    color: #ddd;
    font-size: 10px;
    cursor: pointer;
}

.talents-load-more:hover {
    border-color: rgba(212, 163, 61, .55);
    color: #fff;
}

/* ===== TALENTS ISO — CARD CONTENT ===== */

.talent-position-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    padding: 4px 8px;
    border-radius: 5px;
    background: #3b765b;
    color: #fff;
    font-size: 10px;
    font-weight: 800;
}

.talent-image-bottom {
    position: absolute;
    right: 10px;
    bottom: 9px;
    left: 10px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.talent-image-bottom span {
    font-size: 15px;
}

.talent-image-bottom strong {
    color: #eee;
    font-size: 12px;
}

.talent-location {
    display: block;
    min-height: 14px;
    color: #8c9297;
    font-size: 9px;
}

.talent-score {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 7px;
}

.talent-score strong {
    color: #e0ad32;
    font-size: 11px;
}

.talent-score span {
    color: #38b879;
    font-size: 9px;
}

/* ===== TALENTS HERO ISO ===== */

.talents-hero {
    position: relative;
    min-height: 300px;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 50%, rgba(191, 135, 31, .24), transparent 31%),
        linear-gradient(90deg, #07090a 0%, #080a0b 45%, #11100c 100%);
}

.talents-hero-left {
    position: relative;
    z-index: 3;
    width: 47%;
    padding: 48px 0 42px 32px;
}

.talents-hero-left h1 {
    margin: 0;
    font-size: 58px;
    line-height: .95;
    font-weight: 900;
    letter-spacing: -2px;
}

.talents-hero-left h2 {
    margin: 18px 0 5px;
    font-size: 18px;
}

.talents-hero-left>p {
    margin: 0;
    color: #999;
    font-size: 12px;
}

.talents-hero-stats {
    display: flex;
    gap: 35px;
    margin-top: 32px;
}

.talents-hero-right {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 58%;
    height: 100%;
}

.talents-hero-visual {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.hero-gold-ring {
    position: absolute;
    top: 50%;
    right: 8%;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(211, 159, 55, .42);
    border-radius: 50%;
    transform: translateY(-50%);
    box-shadow:
        0 0 0 25px rgba(211, 159, 55, .04),
        0 0 0 55px rgba(211, 159, 55, .025),
        0 0 80px rgba(211, 159, 55, .16);
}

.hero-gold-glow {
    position: absolute;
    top: 20%;
    right: 4%;
    width: 430px;
    height: 230px;
    background: radial-gradient(ellipse,
            rgba(201, 145, 39, .22),
            transparent 68%);
    filter: blur(20px);
}

/* =========================================================
   TALENTS — FEATURED TALENTS ISO
   ========================================================= */

.featured-talents-iso {
    margin-top: 26px;
    padding: 16px 16px 18px;
    background: #0d1112;
    border: 1px solid #252a2c;
    border-radius: 8px;
}

.featured-talents-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.featured-talents-head h2 {
    margin: 0;
    color: #f4f4f4;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
}

.featured-talents-head p {
    margin: 5px 0 0;
    color: #8b9195;
    font-size: 10px;
    line-height: 1.2;
}

.featured-talents-head button {
    height: 28px;
    min-width: 62px;
    padding: 0 13px;

    color: #ddd;
    background: transparent;

    border: 1px solid #303638;
    border-radius: 5px;

    font-size: 9px;
    cursor: pointer;
}

.featured-talents-head button:hover {
    background: #15191a;
    border-color: #555;
}

.featured-grid-iso {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.featured-card-iso {
    position: relative;
    height: 158px;
    min-height: 158px;
    padding: 0;
    overflow: hidden;

    background: #111516;
    border: 1px solid #2a3032;
    border-radius: 5px;
}

.featured-card-iso>img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;
    object-position: center 22%;
}

.featured-card-shade {
    position: absolute;
    z-index: 1;
    inset: 0;

    background:
        linear-gradient(to bottom,
            rgba(0, 0, 0, 0.02) 20%,
            rgba(0, 0, 0, 0.12) 48%,
            rgba(0, 0, 0, 0.88) 100%);
}

.featured-card-content {
    position: absolute;
    z-index: 3;

    left: 11px;
    right: 11px;
    bottom: 9px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.featured-card-content strong {
    display: block;
    width: 100%;

    color: #fff;
    font-size: 13px;
    line-height: 1.15;
    font-weight: 700;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.featured-card-content>span {
    display: block;
    margin-top: 3px;

    color: #b0b4b6;
    font-size: 9px;
    line-height: 1.2;

    text-transform: uppercase;
}

.featured-card-bottom {
    width: 100%;
    min-height: 15px;
    margin-top: 5px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.featured-card-bottom small {
    color: #ddd;
    font-size: 10px;
}

.featured-card-bottom small b {
    color: #e6ad2f;
    font-weight: 700;
}

.featured-flag {
    font-size: 12px !important;
}

.featured-play {
    position: absolute;
    z-index: 4;

    left: 50%;
    top: 50%;

    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    transform: translate(-50%, -50%);

    color: #fff;
    background: rgba(4, 7, 8, 0.72);

    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;

    font-size: 10px;
    padding-left: 2px;

    opacity: 0;
    transition: opacity 0.15s ease;
}

.featured-card-iso:hover .featured-play {
    opacity: 1;
}

@media (max-width: 1000px) {
    .featured-grid-iso {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .featured-grid-iso {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   DISCOVER BY POSITION — ISO
   ========================================================= */

.discover-position-iso {
    margin-top: 18px;
    padding: 16px;
    background: #0d1112;
    border: 1px solid #252a2c;
    border-radius: 8px;
}

.discover-position-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 14px;
}

.discover-position-head h2 {
    margin: 0;
    color: #f4f4f4;
    font-size: 15px;
    line-height: 1;
    font-weight: 800;
}

.discover-position-head p {
    margin: 5px 0 0;
    color: #8b9195;
    font-size: 10px;
}

.discover-position-head button {
    height: 28px;
    padding: 0 13px;
    color: #ddd;
    background: transparent;
    border: 1px solid #303638;
    border-radius: 5px;
    font-size: 9px;
}

.discover-position-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr)) minmax(135px, .8fr);
    gap: 10px;
}

.discover-position-card {
    position: relative;
    height: 94px;
    padding: 0;
    overflow: hidden;
    text-align: left;
    background: #111516;
    border: 1px solid #303638;
    border-radius: 5px;
}

.discover-position-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.discover-position-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(to bottom,
            rgba(0, 0, 0, .08),
            rgba(0, 0, 0, .82));
}

.discover-position-card>div {
    position: absolute;
    z-index: 2;
    left: 11px;
    right: 11px;
    bottom: 9px;
}

.discover-position-card strong {
    display: block;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.discover-position-card small {
    display: block;
    margin-top: 3px;
    color: #aaa;
    font-size: 9px;
}

.discover-position-all {
    height: 94px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #101415;
    border: 1px solid #303638;
    border-radius: 5px;
    color: #fff;
}

.discover-position-all>span {
    margin-bottom: 8px;
    font-size: 25px;
    line-height: 1;
}

.discover-position-all strong {
    font-size: 10px;
}

.discover-position-all small {
    margin-top: 4px;
    color: #8b9195;
    font-size: 9px;
}

@media (max-width: 1000px) {
    .discover-position-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .discover-position-grid {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   ALL TALENTS — COMPACT PREMIUM ISO
   ========================================================= */

.talents-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}


/* CARD */

.talent-card {
    position: relative;
    min-width: 0;
    overflow: hidden;

    background:
        linear-gradient(180deg,
            #101516 0%,
            #0b0f10 100%);

    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 7px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .025),
        0 5px 18px rgba(0, 0, 0, .16);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.talent-card:hover {
    transform: translateY(-2px);

    border-color: rgba(210, 161, 52, .28);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .035),
        0 9px 25px rgba(0, 0, 0, .24);
}


/* IMAGE */

.talent-card-image {
    position: relative;

    width: 100%;
    height: 172px;

    overflow: hidden;

    background: #101314;
}

.talent-card-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 18%;

    transition: transform .3s ease;
}

.talent-card:hover .talent-card-image img {
    transform: scale(1.018);
}


/* PREMIUM IMAGE SHADING */

.talent-card-image::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;

    background: linear-gradient(to bottom,
            transparent 45%,
            rgba(11, 15, 16, .18) 62%,
            rgba(11, 15, 16, .72) 82%,
            #0b0f10 100%);

    pointer-events: none;
}

.talent-card-image::after {
    content: "";

    position: absolute;
    z-index: 1;
    inset: 0;

    box-shadow:
        inset 0 0 35px rgba(0, 0, 0, .12);

    pointer-events: none;
}


/* POSITION */

.talent-position-badge {
    position: absolute;
    z-index: 3;

    top: 9px;
    left: 9px;

    min-width: 32px;
    height: 25px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 8px;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 5px;

    color: #f4f4f4;

    font-size: 10px;
    line-height: 1;
    font-weight: 750;
    letter-spacing: .15px;

    box-shadow:
        0 3px 9px rgba(0, 0, 0, .2);
}

.talent-position-cam,
.talent-position-cm {
    background: rgba(48, 119, 82, .94);
}

.talent-position-st {
    background: rgba(165, 52, 43, .94);
}

.talent-position-rw,
.talent-position-lw {
    background: rgba(34, 82, 132, .94);
}

.talent-position-cb {
    background: rgba(164, 112, 17, .95);
}

.talent-position-gk {
    background: rgba(79, 61, 126, .95);
}

.talent-position-lb,
.talent-position-rb {
    background: rgba(102, 72, 42, .95);
}


/* FLAG + AGE */

.talent-image-bottom {
    position: absolute;
    z-index: 3;

    right: 10px;
    bottom: 9px;
    left: 10px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.talent-flag {
    font-size: 15px;
    line-height: 1;
}

.talent-age {
    color: rgba(255, 255, 255, .92);

    font-size: 12px;
    line-height: 1;
    font-weight: 700;

    text-shadow: 0 1px 5px #000;
}


/* BODY */

.talent-card-body {
    display: flex;
    flex-direction: column;

    min-height: 142px;

    padding: 10px 10px 9px;
}

.talent-card h3 {
    margin: 0;

    overflow: hidden;

    color: #f1f2f2;

    font-size: 14px;
    line-height: 18px;
    font-weight: 650;
    letter-spacing: -.15px;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.talent-location {
    display: block;

    margin-top: 2px;

    overflow: hidden;

    color: #777f82 !important;

    font-size: 9px !important;
    line-height: 13px;

    white-space: nowrap;
    text-overflow: ellipsis;
}


/* RATING */

.talent-score {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-top: 7px;
}

.talent-score strong {
    display: inline-flex;
    align-items: center;

    gap: 4px;

    color: #d7dadb;

    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}

.talent-score .talent-star {
    color: #d9a51e;

    font-size: 14px;
}

.talent-score .talent-verified-text {
    color: #299765;

    font-size: 9px;
    line-height: 1;
    font-weight: 600;
}


/* TAGS */

.talent-tags {
    display: flex;
    align-items: center;

    gap: 5px;

    margin-top: 7px;

    min-height: 19px;

    overflow: hidden;
}

.talent-tags span {
    display: inline-flex;
    align-items: center;

    height: 18px;

    padding: 0 7px;

    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, .075),
            rgba(255, 255, 255, .045));

    border: 1px solid rgba(255, 255, 255, .025);
    border-radius: 9px;

    color: #9ca2a4;

    font-size: 8px;
    line-height: 1;
    font-weight: 500;

    white-space: nowrap;
}


/* BUTTON */

.talent-card button {
    width: 100%;
    height: 29px;

    margin-top: auto;

    border: 1px solid rgba(255, 255, 255, .105);
    border-radius: 4px;

    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, .018),
            rgba(255, 255, 255, .006));

    color: #d8dbdc;

    font-size: 9px;
    line-height: 1;
    font-weight: 600;

    cursor: pointer;

    transition:
        border-color .15s ease,
        background .15s ease,
        color .15s ease;
}

.talent-card button:hover {
    border-color: rgba(209, 160, 50, .4);

    background: rgba(209, 160, 50, .055);

    color: #fff;
}


/* LOAD MORE */

.talents-load-more {
    display: block;

    width: 260px;
    height: 31px;

    margin: 13px auto 0;

    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 4px;

    background: #090c0d;

    color: #c8cccd;

    font-size: 9px;
    font-weight: 500;

    cursor: pointer;

    transition:
        border-color .15s ease,
        background .15s ease;
}

.talents-load-more:hover {
    border-color: rgba(209, 160, 50, .35);
    background: #0f1314;
}

.talent-card-body {
    position: relative;
    z-index: 3;
    margin-top: -1px;
    background: #0b0f10;
}

/* FORCE FINAL — TYPO + FLAG PLUS GRANDS */

.talent-card .talent-image-bottom .talent-flag {
    font-size: 24px !important;
    line-height: 1 !important;
}

.talent-card .talent-card-body h3 {
    font-size: 18px !important;
    line-height: 22px !important;
}

.talent-card .talent-card-body .talent-location {
    font-size: 13px !important;
    line-height: 17px !important;
}

.talent-card .talent-card-body .talent-score strong {
    font-size: 15px !important;
}

.talent-card .talent-card-body .talent-score .talent-star {
    font-size: 18px !important;
}

.talent-card .talent-card-body .talent-score .talent-verified-text {
    font-size: 12px !important;
}

.talent-card .talent-card-body .talent-tags span {
    font-size: 11px !important;
    height: 22px !important;
    padding: 0 9px !important;
}

.talent-card .talent-card-body>button {
    font-size: 12px !important;
}

.talents-page {
    min-height: 100vh;
}

.talents-page-content {
    min-height: 100vh;
    margin-left: 72px;
}

/* =========================================================
   TALENTS — RIGHT SIDEBAR — ISO MAQUETTE
   ========================================================= */

.talents-sidebar-iso {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


/* =========================================================
   COMMON CARD
   ========================================================= */

.talents-sidebar-iso .sidebar-card {
    padding: 18px 18px 16px;
    overflow: hidden;

    background: #0d1112;
    border: 1px solid #242a2c;
    border-radius: 8px;
}

.talents-sidebar-iso .sidebar-card h3 {
    margin: 0;

    color: #f2f2f2;

    font-size: 16px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: .01em;
}

.sidebar-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 12px;
}

.sidebar-card-head button {
    height: 34px;
    padding: 0 14px;

    color: #d5d5d5;
    background: transparent;

    border: 1px solid #303638;
    border-radius: 6px;

    font-size: 10px;
    font-weight: 600;

    cursor: pointer;
}


/* =========================================================
   TOP TALENTS
   ========================================================= */

.sidebar-top-talents {
    padding-bottom: 5px !important;
}

.top-talents-list {
    width: 100%;
}

.top-talent-row {
    display: grid;

    grid-template-columns:
        22px 39px minmax(0, 1fr) 28px 25px;

    align-items: center;

    column-gap: 8px;

    min-height: 63px;

    border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.top-talent-row:last-child {
    border-bottom: 0;
}

.top-talent-rank {
    color: #d9dadd;

    font-size: 12px;
    line-height: 1;

    text-align: left;
}

.top-talent-avatar-wrap {
    position: relative;

    width: 36px;
    height: 36px;
}

.top-talent-avatar {
    display: block;

    width: 36px;
    height: 36px;

    object-fit: cover;

    border: 2px solid #71572c;
    border-radius: 50%;
}

.top-talent-online {
    position: absolute;

    right: -1px;
    bottom: 1px;

    width: 8px;
    height: 8px;

    background: #37c57a;

    border: 2px solid #0d1112;
    border-radius: 50%;
}

.top-talent-info {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 4px;
}

.top-talent-info strong {
    overflow: hidden;

    color: #f2f2f2;

    font-size: 12px;
    line-height: 1.05;
    font-weight: 700;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.top-talent-info span {
    color: #8d9398;

    font-size: 10px;
    line-height: 1;
    font-weight: 600;
}

.top-talent-rating {
    color: #d6d8da;

    font-size: 11px;
    font-weight: 700;

    text-align: right;
}

.top-talent-flag {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    font-size: 17px;
    line-height: 1;
}


/* =========================================================
   RECENT ACTIVITY
   ========================================================= */

.sidebar-recent-activity {
    padding: 20px 18px 16px !important;
}

.sidebar-recent-activity>h3 {
    margin-bottom: 18px !important;
}

.recent-activity-list {
    display: flex;
    flex-direction: column;
}

.recent-activity-row {
    display: grid;

    grid-template-columns:
        39px minmax(0, 1fr) auto;

    align-items: center;

    column-gap: 9px;

    min-height: 58px;
}

.activity-avatar-wrap {
    position: relative;

    width: 34px;
    height: 34px;

    border-radius: 50%;
}

.activity-avatar-wrap.highlighted {
    padding: 2px;

    border: 1px solid #8d692e;
}

.activity-avatar-wrap img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius: 50%;
}

.activity-online {
    position: absolute;

    right: -1px;
    bottom: 1px;

    width: 8px;
    height: 8px;

    background: #3bc77c;

    border: 2px solid #0d1112;
    border-radius: 50%;
}

.activity-content {
    min-width: 0;

    display: flex;
    flex-direction: column;

    gap: 3px;
}

.activity-content strong {
    color: #aeb2b5;

    font-size: 10px;
    line-height: 1.1;
    font-weight: 500;
}

.activity-content span {
    overflow: hidden;

    color: #e1e2e3;

    font-size: 10px;
    line-height: 1.25;
    font-weight: 600;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.recent-activity-row time {
    align-self: start;

    margin-top: 13px;

    color: #858b90;

    font-size: 9px;
    line-height: 1;

    white-space: nowrap;
}

.activity-view-all {
    width: 100%;
    height: 37px;

    margin-top: 13px;

    color: #dedede;
    background: transparent;

    border: 1px solid #303638;
    border-radius: 5px;

    font-size: 10px;
    font-weight: 600;

    cursor: pointer;
}


/* =========================================================
   TRENDING POSITIONS
   ========================================================= */

.sidebar-trending {
    padding: 20px 18px 12px !important;
}

.sidebar-trending>h3 {
    margin-bottom: 17px !important;
}

.trending-position-list {
    width: 100%;
}

.trending-position-row {
    display: grid;

    grid-template-columns:
        24px minmax(0, 1fr) auto;

    align-items: center;

    column-gap: 7px;

    min-height: 42px;

    border-bottom: 1px solid rgba(255, 255, 255, .055);
}

.trending-rank {
    color: #c7c9cb;

    font-size: 10px;
    font-weight: 600;
}

.trending-position-row>strong {
    overflow: hidden;

    color: #c8cbcd;

    font-size: 10px;
    line-height: 1.15;
    font-weight: 600;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.trending-count {
    color: #999ea2;

    font-size: 9px;
    line-height: 1;

    white-space: nowrap;
}

.trending-view-all {
    width: 100%;
    height: 34px;

    margin-top: 12px;

    color: #d6d6d6;
    background: transparent;

    border: 1px solid #303638;
    border-radius: 5px;

    font-size: 9px;
    font-weight: 600;

    cursor: pointer;
}


/* =========================================================
   HOVERS — VERY SUBTLE
   ========================================================= */

.sidebar-card-head button:hover,
.activity-view-all:hover,
.trending-view-all:hover {
    background: #141819;
    border-color: #41484b;
}

.top-talent-row,
.recent-activity-row,
.trending-position-row {
    transition: background .15s ease;
}

.top-talent-row:hover,
.recent-activity-row:hover,
.trending-position-row:hover {
    background: rgba(255, 255, 255, .018);
}


/* =========================================================
   SIDEBAR WIDTH ISO
   ========================================================= */

.talents-layout {
    grid-template-columns: minmax(0, 1fr) 285px;
    gap: 18px;
}

@media (max-width: 1200px) {
    .talents-layout {
        grid-template-columns: minmax(0, 1fr) 255px;
    }
}

/* =========================================================
   TALENTS — HERO / FILTERS / KPI / HEADER — FINAL ISO
   ========================================================= */


/* =========================
   HERO
   ========================= */

.talents-hero {
    position: relative;
    display: block;
    width: 100%;
    height: 292px;
    min-height: 292px;
    margin: 0;
    overflow: hidden;

    border: 0;
    border-bottom: 1px solid #202427;
    border-radius: 0;

    background: #060809;
}


/* LEFT */

.talents-hero-left {
    position: relative;
    z-index: 5;

    width: 47%;
    height: 100%;

    padding:
        47px 0 31px 34px;
}


.talents-hero-left h1 {
    margin: 0;

    color: #f5f5f3;

    font-size: 57px;
    line-height: .88;
    font-weight: 900;
    letter-spacing: -2.6px;

    text-transform: uppercase;

    text-shadow:
        0 1px 0 rgba(255, 255, 255, .15),
        0 2px 12px rgba(255, 255, 255, .025);
}


.talents-hero-left h2 {
    margin: 18px 0 0;

    color: #e5e5e5;

    font-size: 17px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: -.15px;
}


.talents-hero-left>p {
    margin: 7px 0 0;

    color: #82878c;

    font-size: 11.5px;
    line-height: 1.3;
    font-weight: 400;
}


/* IMAGE */

.talents-hero-right {
    position: absolute;
    z-index: 1;

    top: 0;
    right: 0;

    width: 68%;
    height: 100%;

    overflow: hidden;
}


.talents-hero-right img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 50% 43%;

    filter:
        contrast(1.08) saturate(.88) brightness(.78);
}


/* transition black -> image */

.talents-hero-right::before {
    content: "";

    position: absolute;
    z-index: 3;

    inset: 0;

    background:
        linear-gradient(90deg,
            #060809 0%,
            rgba(6, 8, 9, .99) 4%,
            rgba(6, 8, 9, .94) 11%,
            rgba(6, 8, 9, .74) 22%,
            rgba(6, 8, 9, .32) 36%,
            rgba(6, 8, 9, .06) 49%,
            transparent 60%);

    pointer-events: none;
}


/* dark edges */

.talents-hero-vignette {
    position: absolute;
    z-index: 4;

    inset: 0;

    background:
        linear-gradient(180deg,
            rgba(0, 0, 0, .15),
            transparent 25%,
            transparent 68%,
            rgba(0, 0, 0, .27));

    pointer-events: none;
}


/* golden atmosphere */

.talents-hero-gold-glow {
    position: absolute;
    z-index: 2;

    top: -50px;
    right: 3%;

    width: 68%;
    height: 390px;

    background:
        radial-gradient(ellipse at center,
            rgba(193, 137, 29, .28) 0%,
            rgba(164, 111, 20, .13) 33%,
            transparent 69%);

    mix-blend-mode: screen;
    pointer-events: none;
}


/* HERO STATS */

.talents-hero-stats {
    display: flex;
    align-items: center;

    gap: 29px;

    margin-top: 29px;
}


.hero-stat {
    display: flex;
    align-items: center;

    gap: 10px;
}


.hero-stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;
    flex: 0 0 38px;

    border: 1px solid rgba(194, 145, 44, .09);
    border-radius: 50%;

    background:
        radial-gradient(circle at 50% 45%,
            rgba(198, 147, 42, .18),
            rgba(117, 80, 13, .11));

    color: #c99a32;

    box-shadow:
        inset 0 0 10px rgba(198, 147, 42, .025);
}


.hero-stat-icon svg {
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.hero-stat-copy {
    display: flex;
    flex-direction: column;

    min-width: 55px;
}


.hero-stat-copy strong {
    color: #e8e8e6;

    font-size: 20px;
    line-height: .95;
    font-weight: 800;
    letter-spacing: -.5px;
}


.hero-stat-copy span {
    margin-top: 5px;

    color: #85898d;

    font-size: 8px;
    line-height: 1;
    font-weight: 700;

    letter-spacing: .2px;

    text-transform: uppercase;
}


/* =========================
   FILTER AREA
   ========================= */

.talents-filter-zone {
    width: 100%;

    padding:
        22px 0 14px;

    background: #07090a;
}


.talents-filters {
    display: grid;

    grid-template-columns:
        minmax(215px, 1.65fr) minmax(125px, .88fr) minmax(125px, .88fr) minmax(115px, .78fr) minmax(135px, .9fr) minmax(135px, .9fr);

    gap: 11px;

    width: 100%;
    margin: 0;
}


/* shared controls */

.talents-search,
.talents-select-wrap,
.talents-more-filters,
.talents-sort {
    position: relative;

    height: 45px;

    border: 1px solid #252a2d;
    border-radius: 6px;

    background:
        linear-gradient(180deg,
            #0d1012,
            #0b0e10);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .012);
}


.talents-search:hover,
.talents-select-wrap:hover,
.talents-more-filters:hover,
.talents-sort:hover {
    border-color: #343a3e;
}


/* SEARCH */

.talents-search {
    display: flex;
    align-items: center;
}


.talents-search svg {
    position: absolute;

    left: 13px;

    width: 16px;
    height: 16px;

    fill: none;
    stroke: #9da2a6;
    stroke-width: 1.8;
    stroke-linecap: round;
}


.talents-search input {
    width: 100%;
    height: 100%;

    padding:
        0 13px 0 39px;

    border: 0 !important;
    border-radius: inherit;

    background: transparent !important;

    color: #e7e7e7;

    font-size: 11px;

    outline: none;
}


.talents-search input::placeholder {
    color: #777d82;
    opacity: 1;
}


/* SELECT */

.talents-select-wrap select {
    width: 100%;
    height: 100%;

    padding:
        0 32px 0 13px;

    border: 0;

    background: transparent;

    color: #d5d7d8;

    font-size: 10.5px;
    font-weight: 500;

    outline: none;

    cursor: pointer;
}


/* MORE FILTER */

.talents-more-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    padding:
        0 13px;

    color: #d5d7d8;

    font-size: 10.5px;
    font-weight: 500;

    cursor: pointer;
}


.talents-more-filters svg {
    width: 16px;
    height: 16px;

    fill: #0d1012;
    stroke: #777d82;
    stroke-width: 1.4;
}


/* SORT */

.talents-sort {
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding:
        5px 10px;
}


.talents-sort small {
    margin: 0 0 1px;

    color: #686e73;

    font-size: 8px;
    line-height: 9px;
}


.talents-sort select {
    width: 100%;
    height: 21px;

    padding: 0;

    border: 0;

    background: transparent;

    color: #d7d8d9;

    font-size: 10px;
    font-weight: 500;

    outline: none;

    cursor: pointer;
}


/* =========================
   ACTIVE FILTERS
   ========================= */

.talents-active-filters {
    display: flex;
    align-items: center;

    gap: 7px;

    height: 35px;

    padding: 9px 0 0;
}


.active-filters-label {
    margin-right: 2px;

    color: #777d82 !important;

    font-size: 9px !important;
    font-weight: 500;
}


.talents-active-filters .active-filter-pill {
    display: inline-flex;
    align-items: center;

    height: 23px;

    padding:
        0 9px;

    border: 1px solid #272c2f;

    border-radius: 14px;

    background: #181b1d;

    color: #aaaeb1;

    font-size: 9px;
    font-weight: 500;
}


.talents-active-filters .active-filter-pill span {
    margin-left: 6px;

    color: #777d82;

    font-size: 12px;
    line-height: 1;
}


.talents-active-filters .talents-clear-filters {
    height: 23px;

    padding:
        0 7px;

    border: 0;

    background: transparent;

    color: #4d80b6;

    font-size: 9px;
    font-weight: 500;
}


/* =========================
   KPI ROW
   ========================= */

.talents-kpis {
    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 11px;

    width: 100%;

    margin:
        4px 0 27px;
}


.talents-kpi {
    position: relative;

    display: flex;
    align-items: flex-start;

    gap: 10px;

    min-width: 0;
    height: 84px;
    min-height: 84px;

    padding:
        13px 12px;

    overflow: hidden;

    border: 1px solid #24292c;
    border-radius: 6px;

    background:
        radial-gradient(circle at 0 0,
            rgba(255, 255, 255, .025),
            transparent 40%),
        linear-gradient(145deg,
            #101315,
            #0d1012);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .015);
}


/* icon common */

.talents-kpi .kpi-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;
    flex: 0 0 35px;

    border-radius: 6px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07);
}


.talents-kpi .kpi-icon svg {
    width: 18px;
    height: 18px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* PURPLE */

.talents-kpi.kpi-purple .kpi-icon {
    color: #b4a0ff;

    background:
        linear-gradient(145deg,
            #43389d,
            #29236d);
}


/* BLUE */

.talents-kpi.kpi-blue .kpi-icon {
    color: #9cc7ff;

    background:
        linear-gradient(145deg,
            #245e9b,
            #173b68);
}


/* GREEN */

.talents-kpi.kpi-green .kpi-icon {
    color: #9ce7b7;

    background:
        linear-gradient(145deg,
            #27754d,
            #194b35);
}


/* ORANGE */

.talents-kpi.kpi-orange .kpi-icon {
    color: #ffb48e;

    background:
        linear-gradient(145deg,
            #8b4328,
            #57291d);
}


/* RED */

.talents-kpi.kpi-red .kpi-icon {
    color: #ffaaa5;

    background:
        linear-gradient(145deg,
            #8c302d,
            #5a201f);
}


/* KPI text */

.kpi-copy {
    display: flex;
    flex-direction: column;

    min-width: 0;

    padding-top: 1px;
}


.kpi-copy>small {
    overflow: hidden;

    color: #b6b9bc;

    font-size: 8.5px;
    line-height: 11px;
    font-weight: 500;

    text-overflow: ellipsis;
    white-space: nowrap;
}


.kpi-copy>strong {
    margin-top: 3px;

    color: #f0f0ef;

    font-size: 20px;
    line-height: 20px;
    font-weight: 800;

    letter-spacing: -.45px;
}


.kpi-foot {
    display: flex;
    align-items: center;

    gap: 3px;

    min-width: 0;

    margin-top: 6px;

    color: #73797e;

    font-size: 8px;
    line-height: 10px;

    white-space: nowrap;
}


.kpi-foot em {
    font-style: normal;
    font-weight: 700;
}


.kpi-foot .positive {
    color: #25b96f;
}


.kpi-mini-chart {
    margin-left: auto;

    color: #674fc4;

    font-size: 17px;
    line-height: 8px;
    font-weight: 400;

    transform:
        translateY(-2px) rotate(-10deg);
}


/* =========================
   ALL TALENTS HEADER
   ========================= */

.talents-list-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: calc(100% - 273px);

    margin:
        0 0 11px;
}


.talents-list-title {
    display: flex;
    align-items: baseline;

    gap: 13px;
}


.talents-list-title h2 {
    margin: 0;

    color: #f0f0ef;

    font-size: 18px;
    line-height: 1;
    font-weight: 800;

    letter-spacing: -.3px;
}


.talents-list-title>span {
    color: #6f7479;

    font-size: 9px;
    line-height: 1;
    font-weight: 500;
}


/* VIEW SWITCH */

.talents-view-switch {
    display: flex;

    width: 72px;
    height: 35px;

    overflow: hidden;

    border: 1px solid #252a2d;
    border-radius: 6px;

    background: #0c0f11;
}


.talents-view-switch button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 34px;

    padding: 0;

    border: 0;
    border-right: 1px solid #24292c;

    background: transparent;

    color: #6d7378;

    cursor: pointer;
}


.talents-view-switch button:last-child {
    border-right: 0;
}


.talents-view-switch button.active {
    background:
        linear-gradient(180deg,
            #171b1e,
            #111416);

    color: #e2e3e3;
}


.talents-view-switch svg {
    width: 16px;
    height: 16px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================
   SMALL SCREEN PROTECTION
   ========================= */

@media (max-width: 1180px) {

    .talents-filters {
        grid-template-columns:
            1.5fr repeat(3, 1fr) 1fr 1fr;
    }

    .talents-hero-left {
        width: 51%;
    }

    .talents-hero-right {
        width: 64%;
    }

}

/* =========================================================
   FEATURED TALENTS + DISCOVER BY POSITION
   FINAL ISO MOCKUP
   ========================================================= */


/* =========================
   FEATURED TALENTS
   ========================= */

.featured-talents-iso {
    margin-top: 26px;
    padding: 16px 16px 15px;

    background: #0c1011;

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 7px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .018),
        0 8px 28px rgba(0, 0, 0, .10);
}


.featured-talents-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

    margin-bottom: 13px;
}


.featured-talents-head h2 {
    margin: 0;

    color: #f2f3f3;

    font-size: 15px;
    line-height: 17px;
    font-weight: 800;

    letter-spacing: -.15px;
}


.featured-talents-head p {
    margin: 2px 0 0;

    color: #8b9094;

    font-size: 9px;
    line-height: 12px;
    font-weight: 400;
}


.featured-talents-head button {
    min-width: 55px;
    height: 26px;

    padding: 0 10px;

    color: #d8dadd;
    background: #0c1011;

    border: 1px solid #303638;
    border-radius: 5px;

    font-size: 8px;
    line-height: 1;

    cursor: pointer;
}


.featured-talents-head button:hover {
    color: #fff;
    background: #131718;
    border-color: #464c4e;
}


/* GRID */

.featured-grid-iso {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 10px;
}


/* CARD */

.featured-card-iso {
    position: relative;

    height: 151px;
    min-height: 151px;

    padding: 0;

    overflow: hidden;

    background: #101415;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 5px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .02);

    transition:
        border-color .18s ease,
        transform .18s ease;
}


.featured-card-iso:hover {
    transform: translateY(-1px);

    border-color: rgba(205, 157, 55, .38);
}


/* IMAGE */

.featured-card-iso>img {
    position: absolute;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 20%;
}


/* FADE EXACT MOCKUP */

.featured-card-shade {
    position: absolute;
    z-index: 1;

    inset: 0;

    background:
        linear-gradient(to bottom,
            rgba(0, 0, 0, 0) 31%,
            rgba(0, 0, 0, .04) 43%,
            rgba(0, 0, 0, .20) 55%,
            rgba(4, 7, 8, .61) 72%,
            rgba(4, 7, 8, .94) 100%);

    pointer-events: none;
}


/* CONTENT */

.featured-card-content {
    position: absolute;
    z-index: 3;

    right: 10px;
    bottom: 8px;
    left: 10px;

    display: block;
}


.featured-card-content>strong {
    display: block;

    margin: 0 0 3px;

    overflow: hidden;

    color: #f7f7f7;

    font-size: 14px;
    line-height: 14px;
    font-weight: 750;

    white-space: nowrap;
    text-overflow: ellipsis;
}


.featured-card-meta {
    display: flex;

    align-items: center;
    justify-content: space-between;

    min-height: 13px;
}


.featured-card-meta>span:first-child {
    color: #a8acae;

    font-size: 11px;
    line-height: 10px;
    font-weight: 500;
}

.featured-card-content .featured-rating>span {
    color: #e2a928;
    font-size: 17px;
    line-height: 9px;
}

.featured-flag {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    font-size: 30px !important;
    line-height: 10px;
}


/* RATING */

.featured-rating {
    display: flex;

    align-items: center;

    gap: 3px;

    margin-top: 3px;

    height: 11px;
}


.featured-rating>span {
    color: #e2a928;

    font-size: 9px;
    line-height: 9px;
}


.featured-rating>strong {
    color: #e5e5e5;

    font-size: 8px;
    line-height: 9px;
    font-weight: 600;
}


/* PLAY */

.featured-play {
    position: absolute;
    z-index: 4;

    top: 50%;
    left: 50%;

    display: flex;

    width: 28px;
    height: 28px;

    align-items: center;
    justify-content: center;

    padding: 0;

    transform: translate(-50%, -50%);

    color: #fff;
    background: rgba(8, 11, 12, .68);

    border: 1px solid rgba(255, 255, 255, .52);
    border-radius: 50%;

    opacity: 1;
}


.featured-play svg {
    width: 11px;
    height: 11px;

    margin-left: 1px;

    fill: currentColor;
    stroke: none;
}


/* =========================
   DISCOVER BY POSITION
   ========================= */

.discover-position-iso {
    margin-top: 18px;

    padding: 15px 15px 14px;

    background: #0c1011;

    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 7px;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .018),
        0 8px 28px rgba(0, 0, 0, .10);
}


.discover-position-head {
    display: flex;

    align-items: flex-start;
    justify-content: space-between;

    margin-bottom: 12px;
}


.discover-position-head h2 {
    margin: 0;

    color: #f2f3f3;

    font-size: 15px;
    line-height: 17px;
    font-weight: 800;

    letter-spacing: -.15px;
}


.discover-position-head p {
    margin: 2px 0 0;

    color: #8b9094;

    font-size: 9px;
    line-height: 12px;
}


.discover-position-head button {
    height: 26px;

    padding: 0 10px;

    color: #d8dadd;
    background: transparent;

    border: 1px solid #303638;
    border-radius: 5px;

    font-size: 8px;

    cursor: pointer;
}


.discover-position-head button:hover {
    color: #fff;
    background: #131718;
}


/* GRID */

.discover-position-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) minmax(145px, .67fr);

    gap: 9px;
}


/* IMAGE CARD */

.discover-position-card {
    position: relative;

    height: 91px;

    padding: 0;

    overflow: hidden;

    text-align: left;

    background: #111516;

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 5px;

    cursor: pointer;
}


.discover-position-card img {
    position: absolute;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    transition: transform .25s ease;
}


.discover-position-card:hover img {
    transform: scale(1.025);
}


/* DARK GRADIENT */

.discover-position-overlay {
    position: absolute;
    z-index: 1;

    inset: 0;

    background:
        linear-gradient(to bottom,
            rgba(3, 5, 6, .02) 10%,
            rgba(3, 5, 6, .08) 35%,
            rgba(3, 5, 6, .50) 67%,
            rgba(3, 5, 6, .93) 100%);

    pointer-events: none;
}


.discover-position-content {
    position: absolute;
    z-index: 2;

    right: 10px;
    bottom: 8px;
    left: 10px;
}


.discover-position-content strong {
    display: block;

    color: #f5f5f5;

    font-size: 10px;
    line-height: 12px;
    font-weight: 800;
}


.discover-position-content small {
    display: block;

    margin-top: 2px;

    color: #a0a4a7;

    font-size: 8px;
    line-height: 10px;
}


/* ALL POSITIONS */

.discover-position-all {
    display: flex;

    height: 91px;

    padding: 0;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    color: #f3f3f3;

    background:
        linear-gradient(180deg,
            #101415 0%,
            #0d1112 100%);

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 5px;

    cursor: pointer;
}


.discover-position-all svg {
    width: 23px;
    height: 23px;

    margin-bottom: 7px;

    fill: none;

    stroke: #e6e7e7;
    stroke-width: 1.8;
}


.discover-position-all strong {
    color: #f1f2f2;

    font-size: 9px;
    line-height: 11px;
    font-weight: 800;
}


.discover-position-all small {
    margin-top: 3px;

    color: #898f93;

    font-size: 8px;
    line-height: 10px;
}


/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 1000px) {

    .featured-grid-iso {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .discover-position-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


@media (max-width: 600px) {

    .featured-grid-iso,
    .discover-position-grid {
        grid-template-columns: 1fr;
    }

}

.discover-position-all svg {
    width: 42px;
    height: 42px;
    margin-bottom: 10px;
}

.discover-position-all strong {
    font-size: 15px;
    line-height: 18px;
    font-weight: 800;
}

.discover-position-all small {
    margin-top: 5px;
    font-size: 12px;
    line-height: 14px;
}

.talents-more-filters-wrap {
    position: relative;
}

.talents-more-filters-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 50;

    width: 240px;
    padding: 12px 14px;

    background: #0d1111;
    border: 1px solid #293030;
    border-radius: 10px;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}

.talents-more-filters-menu label {
    display: flex;
    align-items: center;
    gap: 10px;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;

    cursor: pointer;
    white-space: nowrap;
}

.talents-more-filters-menu input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;

    cursor: pointer;
    accent-color: #1683ff;
}



/* =========================================================
   ARENALL TALENTS
   ULTRA PREMIUM VISUAL SYSTEM
   ---------------------------------------------------------
   CONCATENATE AT THE VERY END OF talents-page.css
   ========================================================= */


/* =========================================================
   00 — DESIGN TOKENS
   Scope uniquement la vraie zone Talents
   ========================================================= */

   .talents-page-content .talents-page {
    --tal-bg: #030405;
    --tal-bg-deep: #020304;
  
    --tal-surface: #08090b;
    --tal-surface-2: #0b0c0f;
    --tal-surface-3: #0f1014;
  
    --tal-border: rgba(255,255,255,.07);
    --tal-border-soft: rgba(255,255,255,.045);
    --tal-border-strong: rgba(255,255,255,.115);
  
    --tal-text: #f6f6f7;
    --tal-text-soft: #d7d9dd;
    --tal-muted: #9ca1aa;
    --tal-muted-2: #737982;
  
    --tal-accent: #8b5cf6;
    --tal-accent-2: #a78bfa;
    --tal-accent-3: #c4b5fd;
  
    --tal-accent-soft: rgba(139,92,246,.10);
    --tal-accent-softer: rgba(139,92,246,.055);
  
    --tal-green: #54d693;
  
    background:
      radial-gradient(
        circle at 72% 4%,
        rgba(139,92,246,.035),
        transparent 22%
      ),
      var(--tal-bg);
  
    color: var(--tal-text);
  }
  
  
  /* =========================================================
     01 — GLOBAL RHYTHM
     ========================================================= */
  
  .talents-page-content {
    background: var(--tal-bg, #030405);
  }
  
  .talents-page-content .talents-page {
    padding-bottom: 48px;
  }
  
  .talents-page-content .talents-page button,
  .talents-page-content .talents-page input,
  .talents-page-content .talents-page select {
    font-family: inherit;
  }
  
  .talents-page-content .talents-page button {
    cursor: pointer;
  
    transition:
      transform .22s ease,
      background .22s ease,
      border-color .22s ease,
      color .22s ease,
      box-shadow .22s ease;
  }
  
  
  /* =========================================================
     02 — HERO
     More cinematic, more editorial
     ========================================================= */
  
  .talents-page-content .talents-hero {
    position: relative;
  
    height: 380px;
    min-height: 380px;
  
    overflow: hidden;
  
    margin: 0;
  
    border: 0;
    border-bottom: 1px solid var(--tal-border);
  
    background: #030405;
  }
  
  
  /* image area */
  
  .talents-page-content .talents-hero-right {
    position: absolute;
  
    inset: 0 0 0 auto;
  
    width: 72%;
    height: 100%;
  
    overflow: hidden;
  }
  
  .talents-page-content .talents-hero-right img {
    position: absolute;
    inset: 0;
  
    width: 100%;
    height: 100%;
  
    object-fit: cover;
    object-position: 50% 42%;
  
    filter:
      brightness(.68)
      contrast(1.08)
      saturate(.78);
  
    transform: scale(1.01);
  }
  
  
  /* premium fade */
  
  .talents-page-content .talents-hero-right::before {
    content: "";
  
    position: absolute;
    z-index: 3;
  
    inset: 0;
  
    background:
      linear-gradient(
        90deg,
        #030405 0%,
        rgba(3,4,5,.99) 7%,
        rgba(3,4,5,.91) 21%,
        rgba(3,4,5,.58) 39%,
        rgba(3,4,5,.15) 67%,
        rgba(3,4,5,.07) 100%
      ),
      linear-gradient(
        0deg,
        rgba(3,4,5,.93) 0%,
        rgba(3,4,5,.20) 30%,
        transparent 59%
      );
  
    pointer-events: none;
  }
  
  .talents-page-content .talents-hero-right::after {
    content: "";
  
    position: absolute;
    z-index: 4;
  
    inset: 0;
  
    background:
      radial-gradient(
        circle at 72% 43%,
        rgba(139,92,246,.10),
        transparent 29%
      );
  
    pointer-events: none;
  }
  
  
  /* remove old decorative noise */
  
  .talents-page-content .talents-hero-gold-glow {
    opacity: 0 !important;
  }
  
  .talents-page-content .talents-hero-vignette {
    opacity: .6;
  }
  
  
  /* copy */
  
  .talents-page-content .talents-hero-left {
    position: relative;
    z-index: 8;
  
    width: 52%;
    height: 100%;
  
    padding: 62px 0 40px 40px;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .talents-page-content .talents-hero-left h1 {
    margin: 0;
  
    color: #fff;
  
    font-size: clamp(66px,5.4vw,88px);
    line-height: .82;
  
    font-weight: 950;
  
    letter-spacing: -.055em;
  
    text-transform: uppercase;
  
    text-shadow:
      0 15px 40px rgba(0,0,0,.28);
  }
  
  .talents-page-content .talents-hero-left h2 {
    margin: 21px 0 0;
  
    color: #e6e7e9;
  
    font-size: 21px;
    line-height: 1.15;
  
    font-weight: 650;
  
    letter-spacing: -.018em;
  }
  
  .talents-page-content .talents-hero-left > p {
    max-width: 430px;
  
    margin: 9px 0 0;
  
    color: #aeb2b9;
  
    font-size: 15px;
    line-height: 1.55;
  }
  
  
  /* =========================================================
     03 — HERO STATS
     ========================================================= */
  
  .talents-page-content .talents-hero-stats {
    display: flex;
    align-items: center;
  
    gap: 10px;
  
    margin-top: 31px;
  }
  
  .talents-page-content .hero-stat {
    min-width: 134px;
  
    padding-right: 18px;
  
    display: flex;
    align-items: center;
  
    gap: 11px;
  }
  
  .talents-page-content .hero-stat + .hero-stat {
    padding-left: 18px;
  
    border-left: 1px solid rgba(255,255,255,.075);
  }
  
  .talents-page-content .hero-stat-icon {
    width: 42px;
    height: 42px;
  
    flex: 0 0 42px;
  
    display: grid;
    place-items: center;
  
    border: 1px solid rgba(139,92,246,.15);
    border-radius: 11px;
  
    background:
      linear-gradient(
        145deg,
        rgba(139,92,246,.13),
        rgba(139,92,246,.045)
      );
  
    color: var(--tal-accent-3);
  }
  
  .talents-page-content .hero-stat-icon svg {
    width: 20px;
    height: 20px;
  
    fill: none;
  
    stroke: currentColor;
    stroke-width: 1.6;
  }
  
  .talents-page-content .hero-stat-copy {
    display: flex;
    flex-direction: column;
  }
  
  .talents-page-content .hero-stat strong {
    color: #fff;
  
    font-size: 24px;
    line-height: 1;
  
    font-weight: 850;
  }
  
  .talents-page-content .hero-stat span {
    margin-top: 5px;
  
    color: #868c95;
  
    font-size: 10px;
    line-height: 1;
  
    font-weight: 800;
  
    letter-spacing: .09em;
  }
  
  
  /* =========================================================
     04 — FILTER ZONE
     ========================================================= */
  
  .talents-page-content .talents-filter-zone {
    padding: 24px 0 18px;
  }
  
  .talents-page-content .talents-filters {
    display: grid;
  
    grid-template-columns:
      minmax(260px,1.65fr)
      minmax(150px,.9fr)
      minmax(150px,.9fr)
      minmax(135px,.75fr)
      minmax(145px,.8fr)
      minmax(155px,.85fr);
  
    gap: 10px;
  
    margin: 0;
  
    padding: 12px;
  
    border: 1px solid var(--tal-border);
    border-radius: 12px;
  
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.025),
        rgba(255,255,255,.01)
      );
  }
  
  .talents-page-content .talents-search,
  .talents-page-content .talents-select-wrap,
  .talents-page-content .talents-more-filters-wrap,
  .talents-page-content .talents-sort {
    position: relative;
  }
  
  
  /* controls */
  
  .talents-page-content .talents-filters input,
  .talents-page-content .talents-filters select,
  .talents-page-content .talents-more-filters,
  .talents-page-content .talents-sort {
    width: 100%;
    height: 46px;
  
    border: 1px solid var(--tal-border);
    border-radius: 8px;
  
    background: rgba(255,255,255,.025);
  
    color: #d9dbe0;
  
    font-size: 12px;
  
    outline: 0;
  }
  
  .talents-page-content .talents-filters input:hover,
  .talents-page-content .talents-filters select:hover,
  .talents-page-content .talents-more-filters:hover,
  .talents-page-content .talents-sort:hover {
    border-color: var(--tal-border-strong);
  
    background: rgba(255,255,255,.04);
  }
  
  .talents-page-content .talents-filters input:focus,
  .talents-page-content .talents-filters select:focus {
    border-color: rgba(139,92,246,.42);
  
    box-shadow:
      0 0 0 3px rgba(139,92,246,.07);
  }
  
  
  /* search */
  
  .talents-page-content .talents-search input {
    padding-left: 43px;
  }
  
  .talents-page-content .talents-search svg {
    position: absolute;
    z-index: 3;
  
    left: 14px;
    top: 50%;
  
    width: 18px;
    height: 18px;
  
    transform: translateY(-50%);
  
    fill: none;
  
    stroke: #858b94;
    stroke-width: 1.7;
  
    pointer-events: none;
  }
  
  
  /* select */
  
  .talents-page-content .talents-select-wrap select {
    padding: 0 36px 0 14px;
  }
  
  
  /* more */
  
  .talents-page-content .talents-more-filters {
    padding: 0 14px;
  
    display: flex;
    align-items: center;
    justify-content: space-between;
  
    color: #c9ccd1;
  }
  
  .talents-page-content .talents-more-filters svg {
    width: 18px;
    height: 18px;
  
    fill: none;
  
    stroke: #888e97;
    stroke-width: 1.6;
  }
  
  
  /* dropdown */
  
  .talents-page-content .talents-more-filters-menu {
    position: absolute;
  
    z-index: 50;
  
    top: calc(100% + 8px);
    left: 0;
  
    min-width: 210px;
  
    padding: 13px;
  
    border: 1px solid var(--tal-border-strong);
    border-radius: 10px;
  
    background: rgba(11,12,15,.98);
  
    box-shadow:
      0 18px 50px rgba(0,0,0,.35);
  
    backdrop-filter: blur(18px);
  }
  
  .talents-page-content .talents-more-filters-menu label {
    display: flex;
    align-items: center;
  
    gap: 9px;
  
    color: #cfd1d5;
  
    font-size: 12px;
  }
  
  
  /* sort */
  
  .talents-page-content .talents-sort {
    padding: 5px 10px;
  }
  
  .talents-page-content .talents-sort small {
    display: block;
  
    margin-bottom: 1px;
  
    color: #707680;
  
    font-size: 9px;
    line-height: 10px;
  }
  
  .talents-page-content .talents-sort select {
    height: 24px;
  
    padding: 0;
  
    border: 0;
  
    background: transparent;
  
    font-size: 11px;
  }
  
  
  /* =========================================================
     05 — ACTIVE FILTER PILLS
     ========================================================= */
  
  .talents-page-content .talents-active-filters {
    min-height: 42px;
  
    padding: 11px 3px 0;
  
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  
    gap: 7px;
  }
  
  .talents-page-content .active-filters-label {
    margin-right: 3px;
  
    color: #777d86;
  
    font-size: 11px;
  }
  
  .talents-page-content .active-filter-pill {
    height: 29px;
  
    padding: 0 10px;
  
    display: inline-flex;
    align-items: center;
  
    gap: 7px;
  
    border: 1px solid rgba(139,92,246,.16);
    border-radius: 999px;
  
    background: rgba(139,92,246,.075);
  
    color: #bbaaf1;
  
    font-size: 10px;
    font-weight: 650;
  }
  
  .talents-page-content .talents-clear-filters {
    border: 0;
  
    background: transparent;
  
    color: #878d96;
  
    font-size: 10px;
  }
  
  .talents-page-content .talents-clear-filters:hover {
    color: #c6b5fa;
  }
  
  
  /* =========================================================
     06 — KPI STRIP
     Less dashboard cards, more luxury data strip
     ========================================================= */
  
  .talents-page-content .talents-kpis {
    display: grid;
  
    grid-template-columns: repeat(5,1fr);
  
    gap: 0;
  
    margin: 4px 0 30px;
  
    padding: 0 12px;
  
    overflow: hidden;
  
    border: 1px solid var(--tal-border);
    border-radius: 13px;
  
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.032),
        rgba(255,255,255,.009)
      );
  }
  
  .talents-page-content .talents-kpi {
    position: relative;
  
    min-height: 112px;
  
    padding: 22px 20px;
  
    display: flex;
    align-items: center;
  
    gap: 14px;
  
    border: 0;
    border-radius: 0;
  
    background: transparent;
  }
  
  .talents-page-content .talents-kpi:not(:last-child) {
    border-right: 1px solid var(--tal-border);
  }
  
  .talents-page-content .talents-kpi:hover {
    background: rgba(255,255,255,.014);
  }
  
  
  /* icon */
  
  .talents-page-content .kpi-icon {
    width: 42px;
    height: 42px;
  
    flex: 0 0 42px;
  
    display: grid;
    place-items: center;
  
    border-radius: 11px;
  
    background:
      linear-gradient(
        145deg,
        rgba(139,92,246,.13),
        rgba(139,92,246,.045)
      );
  
    color: #bba8f4;
  }
  
  .talents-page-content .kpi-icon svg {
    width: 20px;
    height: 20px;
  
    fill: none;
  
    stroke: currentColor;
    stroke-width: 1.6;
  }
  
  
  /* all KPI colors deliberately unified */
  
  .talents-page-content .kpi-purple .kpi-icon,
  .talents-page-content .kpi-blue .kpi-icon,
  .talents-page-content .kpi-green .kpi-icon,
  .talents-page-content .kpi-orange .kpi-icon,
  .talents-page-content .kpi-red .kpi-icon {
    background:
      linear-gradient(
        145deg,
        rgba(139,92,246,.13),
        rgba(139,92,246,.045)
      );
  
    color: #bba8f4;
  }
  
  .talents-page-content .kpi-copy small {
    color: #91969e;
  
    font-size: 11px;
    font-weight: 650;
  }
  
  .talents-page-content .kpi-copy strong {
    margin-top: 5px;
  
    color: #fff;
  
    font-size: 27px;
    line-height: 1;
  
    font-weight: 850;
  
    letter-spacing: -.025em;
  }
  
  .talents-page-content .kpi-foot {
    margin-top: 6px;
  }
  
  .talents-page-content .kpi-foot span {
    color: #717780;
  
    font-size: 9px;
  }
  
  
  /* =========================================================
     07 — ALL TALENTS HEADING
     ========================================================= */
  
  .talents-page-content .talents-list-heading {
    min-height: 48px;
  
    margin-bottom: 14px;
  
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .talents-page-content .talents-list-title {
    display: flex;
    align-items: baseline;
  
    gap: 12px;
  }
  
  .talents-page-content .talents-list-title h2 {
    margin: 0;
  
    color: #f4f4f5;
  
    font-size: 20px;
    line-height: 1;
  
    font-weight: 850;
  
    letter-spacing: .015em;
  }
  
  .talents-page-content .talents-list-title > span {
    color: #777d86;
  
    font-size: 11px;
  }
  
  .talents-page-content .talents-view-switch {
    height: 40px;
  
    display: flex;
  
    overflow: hidden;
  
    border: 1px solid var(--tal-border);
    border-radius: 8px;
  
    background: rgba(255,255,255,.018);
  }
  
  .talents-page-content .talents-view-switch button {
    width: 40px;
    height: 40px;
  
    display: grid;
    place-items: center;
  
    border: 0;
    border-right: 1px solid var(--tal-border);
  
    background: transparent;
  
    color: #777d85;
  }
  
  .talents-page-content .talents-view-switch button:last-child {
    border-right: 0;
  }
  
  .talents-page-content .talents-view-switch button.active {
    background: rgba(139,92,246,.11);
  
    color: #c4b5fd;
  }
  
  .talents-page-content .talents-view-switch svg {
    width: 17px;
    height: 17px;
  
    fill: none;
  
    stroke: currentColor;
    stroke-width: 1.5;
  }
  
  
  /* =========================================================
     08 — MAIN LAYOUT
     ========================================================= */
  
  .talents-page-content .talents-layout {
    display: grid;
  
    grid-template-columns: minmax(0,1fr) 310px;
  
    gap: 22px;
  
    align-items: start;
  }
  
  .talents-page-content .talents-grid {
    display: grid;
  
    grid-template-columns: repeat(4,minmax(0,1fr));
  
    gap: 16px;
  }
  
  
  /* =========================================================
     09 — TALENT CARD
     Core ultra-premium redesign
     ========================================================= */
  
  .talents-page-content .talent-card {
    position: relative;
  
    min-width: 0;
  
    overflow: hidden;
  
    border: 1px solid var(--tal-border);
    border-radius: 14px;
  
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.04),
        rgba(255,255,255,.012)
      );
  
    box-shadow:
      inset 0 1px rgba(255,255,255,.018);
  
    transition:
      transform .26s ease,
      border-color .26s ease,
      box-shadow .26s ease,
      background .26s ease;
  }
  
  .talents-page-content .talent-card:hover {
    transform: translateY(-5px);
  
    border-color: rgba(139,92,246,.24);
  
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.054),
        rgba(255,255,255,.016)
      );
  
    box-shadow:
      0 24px 55px rgba(0,0,0,.27),
      0 0 0 1px rgba(139,92,246,.025);
  }
  
  
  /* =========================================================
     10 — TALENT IMAGE
     ========================================================= */
  
  .talents-page-content .talent-card-image {
    position: relative;
  
    height: 260px;
  
    overflow: hidden;
  
    background: #08090b;
  }
  
  .talents-page-content .talent-card-image::after {
    content: "";
  
    position: absolute;
    z-index: 1;
  
    inset: 35% 0 0;
  
    background:
      linear-gradient(
        to bottom,
        transparent,
        rgba(7,8,10,.28) 45%,
        rgba(7,8,10,.92) 100%
      );
  
    pointer-events: none;
  }
  
  .talents-page-content .talent-card-image img {
    width: 100%;
    height: 100%;
  
    object-fit: cover;
  
    filter:
      saturate(.90)
      contrast(1.025);
  
    transition:
      transform .45s cubic-bezier(.2,.8,.2,1),
      filter .3s ease;
  }
  
  .talents-page-content .talent-card:hover .talent-card-image img {
    transform: scale(1.035);
  
    filter:
      saturate(.98)
      contrast(1.035);
  }
  
  
  /* position badge */
  
  .talents-page-content .talent-position-badge {
    position: absolute;
    z-index: 5;
  
    top: 13px;
    left: 13px;
  
    padding: 6px 10px;
  
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 7px;
  
    background: rgba(4,5,7,.58);
  
    color: #f4f4f5;
  
    font-size: 10px;
    line-height: 1;
  
    font-weight: 800;
  
    letter-spacing: .06em;
  
    backdrop-filter: blur(12px);
  }
  
  
  /* remove multicolor position noise */
  
  .talents-page-content [class*="talent-position-"] {
    color: #f4f4f5;
  }
  
  
  /* image bottom */
  
  .talents-page-content .talent-image-bottom {
    position: absolute;
    z-index: 5;
  
    right: 13px;
    bottom: 11px;
    left: 13px;
  
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .talents-page-content .talent-flag {
    font-size: 19px;
  
    filter:
      drop-shadow(0 2px 4px rgba(0,0,0,.3));
  }
  
  .talents-page-content .talent-age {
    min-width: 31px;
    height: 28px;
  
    padding: 0 8px;
  
    display: grid;
    place-items: center;
  
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 7px;
  
    background: rgba(4,5,7,.57);
  
    color: #fff;
  
    font-size: 11px;
  
    backdrop-filter: blur(9px);
  }
  
  
  /* =========================================================
     11 — CARD BODY
     Bigger text deliberately
     ========================================================= */
  
  .talents-page-content .talent-card-body {
    min-height: 220px;
  
    padding: 18px;
  
    display: flex;
    flex-direction: column;
  
    gap: 0;
  }
  
  .talents-page-content .talent-card-body h3 {
    margin: 0;
  
    overflow: hidden;
  
    color: #f6f6f7;
  
    font-size: 20px;
    line-height: 1.18;
  
    font-weight: 850;
  
    letter-spacing: -.022em;
  
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  .talents-page-content .talent-location {
    display: block;
  
    margin-top: 7px;
  
    overflow: hidden;
  
    color: #959aa3;
  
    font-size: 12px;
    line-height: 1.3;
  
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  
  /* score */
  
  .talents-page-content .talent-score {
    min-height: 32px;
  
    margin-top: 13px;
  
    display: flex;
    align-items: center;
    justify-content: space-between;
  
    gap: 9px;
  }
  
  .talents-page-content .talent-score > strong {
    display: flex;
    align-items: center;
  
    gap: 5px;
  
    color: #f4f4f5;
  
    font-size: 14px;
    font-weight: 800;
  }
  
  .talents-page-content .talent-star {
    color: #b6a2f0;
  
    font-size: 13px;
  }
  
  .talents-page-content .talent-verified-text {
    color: #65d7a0;
  
    font-size: 10px;
    font-weight: 700;
  }
  
  
  /* tags */
  
  .talents-page-content .talent-tags {
    min-height: 31px;
  
    margin-top: 12px;
  
    display: flex;
    flex-wrap: wrap;
  
    gap: 6px;
  }
  
  .talents-page-content .talent-tags span {
    padding: 6px 9px;
  
    border: 1px solid var(--tal-border-soft);
    border-radius: 6px;
  
    background: rgba(255,255,255,.025);
  
    color: #aeb2b9;
  
    font-size: 10px;
    line-height: 1;
  
    font-weight: 600;
  }
  
  
  /* =========================================================
     12 — CARD ACTIONS
     Clear hierarchy, not 3 competing gold buttons
     ========================================================= */
  
  .talents-page-content .talent-card-actions {
    margin-top: auto;
    padding-top: 16px;
  
    display: grid;
  
    grid-template-columns:
      minmax(88px,1.35fr)
      minmax(54px,.8fr)
      minmax(58px,.85fr);
  
    gap: 6px;
  }
  
  .talents-page-content .talent-card-actions button,
  .talents-page-content .talent-card button {
    height: 40px;
  
    min-width: 0;
  
    margin: 0;
    padding: 0 8px;
  
    border: 1px solid var(--tal-border-strong);
    border-radius: 8px;
  
    background: rgba(255,255,255,.025);
  
    color: #b9bdc4;
  
    font-size: 10px;
    font-weight: 750;
  
    white-space: nowrap;
  }
  
  .talents-page-content .talent-card-actions button:first-child {
    border-color: rgba(139,92,246,.30);
  
    background: var(--tal-accent);
  
    color: #fff;
  
    box-shadow:
      0 8px 20px rgba(124,58,237,.11);
  }
  
  .talents-page-content .talent-card-actions button:first-child:hover {
    background: #9566f7;
  
    transform: translateY(-1px);
  }
  
  .talents-page-content .talent-card-actions button:not(:first-child):hover {
    border-color: rgba(139,92,246,.22);
  
    background: rgba(139,92,246,.08);
  
    color: #c9baf5;
  }
  
  
  /* =========================================================
     13 — LOAD MORE
     ========================================================= */
  
  .talents-page-content .talents-load-more {
    display: block;
  
    width: 260px;
    height: 44px;
  
    margin: 22px auto 0;
  
    border: 1px solid var(--tal-border);
    border-radius: 9px;
  
    background: rgba(255,255,255,.02);
  
    color: #bdc0c6;
  
    font-size: 11px;
    font-weight: 700;
  }
  
  .talents-page-content .talents-load-more:hover {
    border-color: rgba(139,92,246,.20);
  
    background: rgba(139,92,246,.07);
  
    color: #d0c3f6;
  
    transform: translateY(-1px);
  }
  
  
  /* =========================================================
     14 — FEATURED TALENTS CONTAINER
     ========================================================= */
  
  .talents-page-content .featured-talents,
  .talents-page-content .featured-talents-iso {
    margin-top: 28px;
  
    padding: 22px;
  
    border: 1px solid var(--tal-border);
    border-radius: 14px;
  
    background:
      radial-gradient(
        circle at 90% 0%,
        rgba(139,92,246,.055),
        transparent 31%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.03),
        rgba(255,255,255,.01)
      );
  
    box-shadow: none;
  }
  
  .talents-page-content .featured-talents-head {
    margin-bottom: 17px;
  
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  
  .talents-page-content .featured-talents-head h2 {
    margin: 0;
  
    color: #f4f4f5;
  
    font-size: 19px;
    line-height: 1;
  
    font-weight: 850;
  
    letter-spacing: .01em;
  }
  
  .talents-page-content .featured-talents-head p {
    margin: 6px 0 0;
  
    color: #858b94;
  
    font-size: 11px;
    line-height: 1.4;
  }
  
  .talents-page-content .featured-talents-head button {
    height: 36px;
  
    padding: 0 14px;
  
    border: 1px solid var(--tal-border);
    border-radius: 8px;
  
    background: rgba(255,255,255,.022);
  
    color: #aeb2b9;
  
    font-size: 10px;
    font-weight: 700;
  }
  
  .talents-page-content .featured-talents-head button:hover {
    border-color: rgba(139,92,246,.19);
  
    background: rgba(139,92,246,.07);
  
    color: #c6b8f2;
  }
  
  
  /* =========================================================
     15 — FEATURED TALENT CARDS
     Cinematic
     ========================================================= */
  
  .talents-page-content .featured-grid-iso {
    display: grid;
  
    grid-template-columns: repeat(4,minmax(0,1fr));
  
    gap: 13px;
  }
  
  .talents-page-content .featured-card-iso {
    position: relative;
  
    height: 215px;
  
    padding: 0;
  
    overflow: hidden;
  
    display: block;
  
    border: 1px solid var(--tal-border);
    border-radius: 11px;
  
    background: #070809;
  
    transition:
      transform .25s ease,
      border-color .25s ease,
      box-shadow .25s ease;
  }
  
  .talents-page-content .featured-card-iso:hover {
    transform: translateY(-4px);
  
    border-color: rgba(139,92,246,.21);
  
    box-shadow:
      0 18px 38px rgba(0,0,0,.24);
  }
  
  .talents-page-content .featured-card-iso > img {
    position: absolute;
  
    inset: 0;
  
    width: 100%;
    height: 100%;
  
    border-radius: 0;
  
    object-fit: cover;
  
    filter:
      saturate(.87)
      brightness(.87);
  
    transition:
      transform .4s ease;
  }
  
  .talents-page-content .featured-card-iso:hover > img {
    transform: scale(1.035);
  }
  
  .talents-page-content .featured-card-shade {
    position: absolute;
    z-index: 1;
  
    inset: 0;
  
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,.02) 22%,
        rgba(4,5,7,.34) 56%,
        rgba(4,5,7,.96) 100%
      );
  }
  
  
  /* featured content */
  
  .talents-page-content .featured-card-content {
    position: absolute;
    z-index: 3;
  
    right: 15px;
    bottom: 14px;
    left: 15px;
  
    display: block;
  }
  
  .talents-page-content .featured-card-content > strong {
    display: block;
  
    color: #fff;
  
    font-size: 17px;
    line-height: 1.15;
  
    font-weight: 850;
  
    letter-spacing: -.018em;
  }
  
  .talents-page-content .featured-card-meta {
    margin-top: 5px;
  
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  
    color: #b0b4ba;
  
    font-size: 10px;
  }
  
  .talents-page-content .featured-flag {
    font-size: 15px;
  }
  
  .talents-page-content .featured-rating {
    margin-top: 7px;
  
    display: flex;
    flex-direction: row;
    align-items: center;
  
    gap: 5px;
  }
  
  .talents-page-content .featured-rating span {
    color: #bca9f3;
  }
  
  .talents-page-content .featured-rating strong {
    color: #fff;
  
    font-size: 12px;
  }
  
  
  /* featured hover actions */
  
  .talents-page-content .featured-talent-actions {
    position: absolute;
  
    right: 0;
    bottom: 0;
  
    display: flex;
    flex-direction: row;
  
    gap: 5px;
  
    opacity: 0;
  
    transform: translateY(4px);
  
    transition:
      opacity .2s ease,
      transform .2s ease;
  }
  
  .talents-page-content .featured-card-iso:hover .featured-talent-actions {
    opacity: 1;
  
    transform: translateY(0);
  }
  
  .talents-page-content .featured-talent-actions button {
    height: 31px;
  
    padding: 0 9px;
  
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 6px;
  
    background: rgba(4,5,7,.69);
  
    color: #dddfe3;
  
    font-size: 9px;
  
    backdrop-filter: blur(8px);
  }
  
  
  /* =========================================================
     16 — RIGHT SIDEBAR
     ========================================================= */
  
  .talents-page-content .talents-sidebar-iso {
    display: flex;
    flex-direction: column;
  
    gap: 16px;
  }
  
  .talents-page-content .talents-sidebar-iso .sidebar-card {
    padding: 20px 18px;
  
    overflow: hidden;
  
    border: 1px solid var(--tal-border);
    border-radius: 12px;
  
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.032),
        rgba(255,255,255,.01)
      );
  
    box-shadow: none;
  }
  
  .talents-page-content .talents-sidebar-iso .sidebar-card h3 {
    color: #f0f1f2;
  
    font-size: 14px;
  
    font-weight: 850;
  
    letter-spacing: .025em;
  }
  
  
  /* header */
  
  .talents-page-content .sidebar-card-head {
    min-height: 34px;
  
    margin-bottom: 12px;
  
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .talents-page-content .sidebar-card-head button,
  .talents-page-content .activity-view-all,
  .talents-page-content .trending-view-all {
    height: 32px;
  
    padding: 0 11px;
  
    border: 1px solid var(--tal-border);
    border-radius: 7px;
  
    background: rgba(255,255,255,.02);
  
    color: #9297a0;
  
    font-size: 9px;
    font-weight: 700;
  }
  
  .talents-page-content .sidebar-card-head button:hover,
  .talents-page-content .activity-view-all:hover,
  .talents-page-content .trending-view-all:hover {
    border-color: rgba(139,92,246,.18);
  
    background: rgba(139,92,246,.06);
  
    color: #c5b7ef;
  }
  
  
  /* =========================================================
     17 — TOP TALENTS
     ========================================================= */
  
  .talents-page-content .top-talent-row {
    min-height: 72px;
  
    grid-template-columns:
      22px
      43px
      minmax(0,1fr)
      32px
      26px;
  
    column-gap: 9px;
  
    border-bottom: 1px solid var(--tal-border-soft);
  }
  
  .talents-page-content .top-talent-row:last-child {
    border-bottom: 0;
  }
  
  .talents-page-content .top-talent-row:hover {
    background: rgba(255,255,255,.018);
  }
  
  .talents-page-content .top-talent-rank {
    color: #8f949c;
  
    font-size: 11px;
    font-weight: 700;
  }
  
  .talents-page-content .top-talent-avatar-wrap,
  .talents-page-content .top-talent-avatar {
    width: 41px;
    height: 41px;
  }
  
  .talents-page-content .top-talent-avatar {
    border: 1px solid rgba(139,92,246,.17);
    border-radius: 50%;
  
    object-fit: cover;
  }
  
  .talents-page-content .top-talent-info {
    gap: 5px;
  }
  
  .talents-page-content .top-talent-info strong {
    color: #f1f2f3;
  
    font-size: 12px;
    line-height: 1.1;
  
    font-weight: 750;
  }
  
  .talents-page-content .top-talent-info span {
    color: #858b94;
  
    font-size: 10px;
  }
  
  .talents-page-content .top-talent-rating {
    color: #b8a5ef;
  
    font-size: 11px;
  }
  
  .talents-page-content .top-talent-flag {
    font-size: 16px;
  }
  
  
  /* hide secondary actions until interaction */
  
  .talents-page-content .top-talent-actions {
    display: none;
  }
  
  
  /* =========================================================
     18 — RECENT ACTIVITY
     ========================================================= */
  
  .talents-page-content .sidebar-recent-activity {
    padding: 20px 18px !important;
  }
  
  .talents-page-content .recent-activity-row {
    min-height: 64px;
  
    grid-template-columns:
      41px
      minmax(0,1fr)
      auto;
  
    column-gap: 10px;
  
    border-bottom: 1px solid var(--tal-border-soft);
  }
  
  .talents-page-content .recent-activity-row:last-child {
    border-bottom: 0;
  }
  
  .talents-page-content .activity-avatar-wrap {
    width: 38px;
    height: 38px;
  }
  
  .talents-page-content .activity-content {
    gap: 4px;
  }
  
  .talents-page-content .activity-content strong {
    color: #8e949c;
  
    font-size: 10px;
    line-height: 1.15;
  
    font-weight: 600;
  }
  
  .talents-page-content .activity-content span {
    color: #e0e2e5;
  
    font-size: 11px;
    line-height: 1.25;
  
    font-weight: 650;
  }
  
  .talents-page-content .recent-activity-row time {
    color: #696f78;
  
    font-size: 9px;
  }
  
  
  /* =========================================================
     19 — TRENDING POSITIONS
     ========================================================= */
  
  .talents-page-content .trending-position-row {
    min-height: 48px;
  
    grid-template-columns:
      25px
      minmax(0,1fr)
      auto;
  
    column-gap: 8px;
  
    border-bottom: 1px solid var(--tal-border-soft);
  }
  
  .talents-page-content .trending-rank {
    color: #858b94;
  
    font-size: 10px;
  }
  
  .talents-page-content .trending-position-row > strong {
    color: #d4d6da;
  
    font-size: 11px;
  
    font-weight: 650;
  }
  
  .talents-page-content .trending-count {
    color: #777d85;
  
    font-size: 9px;
  }
  
  
  /* =========================================================
     20 — DISCOVER BY POSITION
     ========================================================= */
  
  .talents-page-content .discover-position-iso {
    margin-top: 24px;
  
    padding: 21px;
  
    border: 1px solid var(--tal-border);
    border-radius: 14px;
  
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,.03),
        rgba(255,255,255,.01)
      );
  
    box-shadow: none;
  }
  
  .talents-page-content .discover-position-head {
    margin-bottom: 16px;
  
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  
  .talents-page-content .discover-position-head h2 {
    margin: 0;
  
    color: #f3f4f5;
  
    font-size: 18px;
    line-height: 1;
  
    font-weight: 850;
  }
  
  .talents-page-content .discover-position-head p {
    margin: 6px 0 0;
  
    color: #858b94;
  
    font-size: 11px;
    line-height: 1.4;
  }
  
  .talents-page-content .discover-position-head button {
    height: 34px;
  
    padding: 0 13px;
  
    border: 1px solid var(--tal-border);
    border-radius: 7px;
  
    background: rgba(255,255,255,.02);
  
    color: #a7abb2;
  
    font-size: 10px;
  }
  
  
  /* cards */
  
  .talents-page-content .discover-position-grid {
    display: grid;
  
    grid-template-columns:
      repeat(4,minmax(0,1fr))
      minmax(150px,.72fr);
  
    gap: 11px;
  }
  
  .talents-page-content .discover-position-card,
  .talents-page-content .discover-position-all {
    height: 122px;
  
    overflow: hidden;
  
    border: 1px solid var(--tal-border);
    border-radius: 10px;
  
    background: #08090b;
  }
  
  .talents-page-content .discover-position-card {
    position: relative;
  
    padding: 0;
  }
  
  .talents-page-content .discover-position-card img {
    width: 100%;
    height: 100%;
  
    object-fit: cover;
  
    filter:
      brightness(.82)
      saturate(.82);
  
    transition:
      transform .35s ease,
      filter .25s ease;
  }
  
  .talents-page-content .discover-position-card:hover img {
    transform: scale(1.045);
  
    filter:
      brightness(.88)
      saturate(.92);
  }
  
  .talents-page-content .discover-position-overlay {
    position: absolute;
  
    inset: 0;
  
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,.02) 20%,
        rgba(0,0,0,.28) 55%,
        rgba(3,4,5,.91) 100%
      );
  }
  
  .talents-page-content .discover-position-content {
    position: absolute;
    z-index: 3;
  
    right: 13px;
    bottom: 12px;
    left: 13px;
  }
  
  .talents-page-content .discover-position-content strong,
  .talents-page-content .discover-position-card strong {
    color: #f7f7f8;
  
    font-size: 13px;
    line-height: 1.15;
  
    font-weight: 800;
  }
  
  .talents-page-content .discover-position-content small,
  .talents-page-content .discover-position-card small {
    display: block;
  
    margin-top: 4px;
  
    color: #9fa4ac;
  
    font-size: 10px;
  }
  
  .talents-page-content .discover-position-all {
    display: flex;
    flex-direction: column;
  
    align-items: center;
    justify-content: center;
  
    background:
      radial-gradient(
        circle at 50% 10%,
        rgba(139,92,246,.08),
        transparent 48%
      ),
      #0a0b0e;
  
    color: #f2f2f3;
  }
  
  .talents-page-content .discover-position-all svg {
    width: 27px;
    height: 27px;
  
    margin-bottom: 9px;
  
    stroke: #b9a7ed;
  }
  
  .talents-page-content .discover-position-all strong {
    font-size: 12px;
  }
  
  .talents-page-content .discover-position-all small {
    margin-top: 4px;
  
    color: #858a92;
  
    font-size: 10px;
  }
  
  
  /* =========================================================
     21 — DESTROY OLD GOLD LANGUAGE
     Keep gold nowhere as dominant UI system
     ========================================================= */
  
  .talents-page-content .talent-rating,
  .talents-page-content .featured-rating,
  .talents-page-content .top-talent-rating,
  .talents-page-content .featured-overlay small,
  .talents-page-content .sidebar-talent span {
    color: #b8a5ef;
  }
  
  .talents-page-content .talent-card:hover,
  .talents-page-content .featured-card:hover,
  .talents-page-content .discover-position-card:hover {
    border-color: rgba(139,92,246,.22);
  }
  
  
  /* =========================================================
     22 — LARGE DESKTOP
     Give cards room to breathe
     ========================================================= */
  
  @media (min-width: 1500px) {
  
    .talents-page-content .talents-layout {
      grid-template-columns:
        minmax(0,1fr)
        320px;
  
      gap: 24px;
    }
  
    .talents-page-content .talents-grid {
      gap: 18px;
    }
  
    .talents-page-content .talent-card-image {
      height: 280px;
    }
  
    .talents-page-content .talent-card-body {
      min-height: 230px;
  
      padding: 19px;
    }
  
    .talents-page-content .talent-card-body h3 {
      font-size: 21px;
    }
  
    .talents-page-content .talent-location {
      font-size: 12px;
    }
  }
  
  
  /* =========================================================
     23 — MEDIUM DESKTOP
     ========================================================= */
  
  @media (max-width: 1350px) {
  
    .talents-page-content .talents-grid {
      grid-template-columns:
        repeat(3,minmax(0,1fr));
    }
  
    .talents-page-content .talents-filters {
      grid-template-columns:
        minmax(220px,1.5fr)
        repeat(3,minmax(125px,.8fr));
  
      flex-wrap: wrap;
    }
  
    .talents-page-content .talents-kpis {
      grid-template-columns:
        repeat(3,1fr);
  
      gap: 1px;
  
      padding: 1px;
  
      background: var(--tal-border);
    }
  
    .talents-page-content .talents-kpi {
      background: #08090b;
  
      border: 0;
    }
  }
  
  
  /* =========================================================
     24 — TABLET
     ========================================================= */
  
  @media (max-width: 1050px) {
  
    .talents-page-content .talents-layout {
      grid-template-columns: 1fr;
    }
  
    .talents-page-content .talents-sidebar-iso {
      display: grid;
  
      grid-template-columns:
        repeat(2,minmax(0,1fr));
    }
  
    .talents-page-content .talents-grid {
      grid-template-columns:
        repeat(2,minmax(0,1fr));
    }
  
    .talents-page-content .featured-grid-iso {
      grid-template-columns:
        repeat(2,minmax(0,1fr));
    }
  
    .talents-page-content .discover-position-grid {
      grid-template-columns:
        repeat(2,minmax(0,1fr));
    }
  }
  
  
  /* =========================================================
     25 — MOBILE
     ========================================================= */
  
  @media (max-width: 700px) {
  
    .talents-page-content .talents-hero {
      height: 410px;
      min-height: 410px;
    }
  
    .talents-page-content .talents-hero-right {
      width: 100%;
    }
  
    .talents-page-content .talents-hero-right::before {
      background:
        linear-gradient(
          90deg,
          rgba(3,4,5,.94),
          rgba(3,4,5,.45)
        ),
        linear-gradient(
          0deg,
          #030405 0%,
          rgba(3,4,5,.20) 60%
        );
    }
  
    .talents-page-content .talents-hero-left {
      width: 100%;
  
      padding:
        48px 24px 34px;
    }
  
    .talents-page-content .talents-hero-left h1 {
      font-size: 58px;
    }
  
    .talents-page-content .talents-hero-left h2 {
      font-size: 18px;
    }
  
    .talents-page-content .talents-hero-left > p {
      font-size: 14px;
    }
  
    .talents-page-content .talents-filters {
      grid-template-columns: 1fr;
    }
  
    .talents-page-content .talents-kpis {
      grid-template-columns:
        repeat(2,1fr);
    }
  
    .talents-page-content .talents-grid {
      grid-template-columns: 1fr;
    }
  
    .talents-page-content .featured-grid-iso {
      grid-template-columns: 1fr;
    }
  
    .talents-page-content .talents-sidebar-iso {
      grid-template-columns: 1fr;
    }
  
    .talents-page-content .discover-position-grid {
      grid-template-columns: 1fr;
    }
  
    .talents-page-content .talent-card-image {
      height: 320px;
    }
  }

  /* =========================================================
   ARENALL TALENTS — CINEMATIC GRID V2
   ========================================================= */

.talents-main-layout{
    margin-top:24px;
  }
  
  .talents-main-content h2{
    font-size:30px !important;
    line-height:1;
    font-weight:900;
    letter-spacing:-.035em;
  }
  
  .talents-main-content h2 + span,
  .talents-results-count{
    font-size:14px !important;
    color:rgba(255,255,255,.42);
  }
  
  /* GRID */
  
  .talents-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    grid-auto-flow:dense;
    gap:18px !important;
  }
  
  /* =========================================================
     TALENT CARD
     Image becomes the card.
     ========================================================= */
  
  .talent-card{
    position:relative;
    min-width:0;
    height:520px !important;
  
    overflow:hidden;
  
    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:22px !important;
  
    background:#090a0c !important;
  
    box-shadow:
      0 22px 55px rgba(0,0,0,.28);
  
    transition:
      transform .35s ease,
      border-color .35s ease,
      box-shadow .35s ease;
  }
  
  .talent-card:hover{
    transform:translateY(-6px);
  
    border-color:rgba(151,93,255,.38) !important;
  
    box-shadow:
      0 30px 80px rgba(0,0,0,.48),
      0 0 45px rgba(120,60,255,.07);
  }
  
  
  /* =========================================================
     FIRST TALENT = EDITORIAL FEATURE
     ========================================================= */
  
  .talent-card-featured{
    grid-column:span 2;
    height:590px !important;
  }
  
  
  /* =========================================================
     IMAGE
     ========================================================= */
  
  .talent-card-image{
    position:absolute !important;
    inset:0 !important;
  
    width:100% !important;
    height:100% !important;
  
    overflow:hidden;
  }
  
  .talent-card-image img{
    width:100% !important;
    height:100% !important;
  
    object-fit:cover !important;
  
    transition:
      transform .65s cubic-bezier(.2,.7,.2,1),
      filter .45s ease;
  }
  
  .talent-card:hover .talent-card-image img{
    transform:scale(1.045);
  }
  
  
  /* cinematic shading */
  
  .talent-card-image::after{
    content:"";
  
    position:absolute;
    inset:0;
  
    pointer-events:none;
  
    background:
      linear-gradient(
        180deg,
        rgba(0,0,0,.03) 18%,
        rgba(0,0,0,.12) 42%,
        rgba(4,5,7,.68) 68%,
        rgba(4,5,7,.97) 100%
      );
  }
  
  
  /* subtle premium light */
  
  .talent-card::after{
    content:"";
  
    position:absolute;
    inset:0;
  
    pointer-events:none;
  
    background:
      radial-gradient(
        circle at 75% 15%,
        rgba(139,92,246,.11),
        transparent 35%
      );
  }
  
  
  /* =========================================================
     POSITION
     ========================================================= */
  
  .talent-position-badge{
    position:absolute !important;
  
    top:20px !important;
    left:20px !important;
  
    z-index:5;
  
    min-width:48px;
  
    padding:9px 13px !important;
  
    border:1px solid rgba(255,255,255,.15) !important;
    border-radius:10px !important;
  
    background:rgba(8,9,12,.64) !important;
  
    backdrop-filter:blur(15px);
  
    color:#fff !important;
  
    font-size:13px !important;
    font-weight:850 !important;
    letter-spacing:.08em;
  }
  
  
  /* =========================================================
     FLAG + AGE
     ========================================================= */
  
  .talent-image-bottom{
    position:absolute !important;
  
    top:20px !important;
    right:20px !important;
    bottom:auto !important;
    left:auto !important;
  
    z-index:5;
  
    display:flex;
    align-items:center;
    gap:8px;
  }
  
  .talent-flag,
  .talent-age{
    display:flex;
    align-items:center;
    justify-content:center;
  
    min-height:38px;
  
    padding:0 11px;
  
    border:1px solid rgba(255,255,255,.13);
    border-radius:10px;
  
    background:rgba(8,9,12,.58);
  
    backdrop-filter:blur(15px);
  }
  
  .talent-flag{
    font-size:19px !important;
  }
  
  .talent-age{
    color:white;
  
    font-size:13px !important;
    font-weight:800;
  }
  
  
  /* =========================================================
     CONTENT OVER IMAGE
     ========================================================= */
  
  .talent-card-body{
    position:absolute !important;
  
    z-index:4;
  
    left:0;
    right:0;
    bottom:0;
  
    display:flex !important;
    flex-direction:column;
  
    padding:30px !important;
  
    background:transparent !important;
  }
  
  
  /* NAME */
  
  .talent-card-body h3{
    margin:0 !important;
  
    max-width:90%;
  
    color:#fff !important;
  
    font-size:30px !important;
    line-height:1.02 !important;
    font-weight:900 !important;
    letter-spacing:-.045em !important;
  
    text-shadow:0 3px 25px rgba(0,0,0,.4);
  }
  
  .talent-card-featured .talent-card-body h3{
    font-size:46px !important;
  }
  
  
  /* LOCATION */
  
  .talent-location{
    display:block;
  
    margin-top:8px !important;
  
    color:rgba(255,255,255,.63) !important;
  
    font-size:15px !important;
    line-height:1.3;
    font-weight:550;
  }
  
  
  /* =========================================================
     RATING
     ========================================================= */
  
  .talent-score{
    display:flex !important;
    align-items:center;
    justify-content:flex-start !important;
    gap:12px;
  
    margin-top:18px !important;
  }
  
  .talent-score > strong{
    display:inline-flex;
    align-items:center;
    gap:7px;
  
    color:#fff;
  
    font-size:22px !important;
    font-weight:900;
  }
  
  .talent-star{
    color:#b991ff !important;
    font-size:20px !important;
  }
  
  .talent-verified-text{
    display:inline-flex;
    align-items:center;
  
    min-height:30px;
  
    padding:0 10px;
  
    border:1px solid rgba(164,125,255,.2);
    border-radius:999px;
  
    background:rgba(123,73,214,.13);
  
    color:#cbb4ff !important;
  
    font-size:12px !important;
    font-weight:750 !important;
  }
  
  
  /* =========================================================
     TAGS
     ========================================================= */
  
  .talent-tags{
    display:flex !important;
    flex-wrap:wrap;
    gap:7px !important;
  
    margin-top:12px !important;
  }
  
  .talent-tags span{
    padding:7px 10px !important;
  
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:999px !important;
  
    background:rgba(255,255,255,.055) !important;
  
    color:rgba(255,255,255,.76) !important;
  
    font-size:12px !important;
    font-weight:650 !important;
  }
  
  
  /* =========================================================
     ACTION BAR
     ========================================================= */
  
  .talent-card-actions{
    display:grid !important;
  
    grid-template-columns:1.45fr .8fr .9fr;
  
    gap:8px !important;
  
    margin-top:20px !important;
  
    padding-top:17px;
  
    border-top:1px solid rgba(255,255,255,.09);
  }
  
  .talent-card-actions button{
    height:46px !important;
  
    padding:0 12px !important;
  
    border:1px solid rgba(255,255,255,.12) !important;
    border-radius:11px !important;
  
    background:rgba(13,14,17,.66) !important;
  
    backdrop-filter:blur(14px);
  
    color:rgba(255,255,255,.86) !important;
  
    font-size:13px !important;
    font-weight:750 !important;
  
    transition:
      background .2s ease,
      border-color .2s ease,
      transform .2s ease;
  }
  
  
  /* View Profile */
  
  .talent-card-actions button:first-child{
    border-color:transparent !important;
  
    background:
      linear-gradient(
        135deg,
        #9b5cff,
        #7136eb
      ) !important;
  
    color:white !important;
  
    box-shadow:
      0 8px 25px rgba(120,60,240,.28);
  }
  
  .talent-card-actions button:hover{
    transform:translateY(-2px);
  
    border-color:rgba(255,255,255,.25) !important;
  
    background:rgba(255,255,255,.1) !important;
  }
  
  .talent-card-actions button:first-child:hover{
    background:
      linear-gradient(
        135deg,
        #aa70ff,
        #8148f3
      ) !important;
  }
  
  
  /* =========================================================
     FIRST CARD — more breathing room
     ========================================================= */
  
  .talent-card-featured .talent-card-body{
    max-width:650px;
  
    padding:38px !important;
  }
  
  .talent-card-featured .talent-location{
    font-size:17px !important;
  }
  
  .talent-card-featured .talent-score > strong{
    font-size:26px !important;
  }
  
  .talent-card-featured .talent-card-actions{
    max-width:500px;
  }
  
  
  /* =========================================================
     SIDEBAR — BIGGER TYPOGRAPHY
     ========================================================= */
  
  .talents-sidebar{
    gap:18px !important;
  }
  
  .sidebar-card{
    border-radius:18px !important;
  
    background:
      linear-gradient(
        180deg,
        rgba(16,17,20,.96),
        rgba(9,10,12,.98)
      ) !important;
  
    border-color:rgba(255,255,255,.08) !important;
  }
  
  .sidebar-card h3{
    font-size:19px !important;
    font-weight:850 !important;
    letter-spacing:-.02em !important;
  }
  
  .sidebar-card strong{
    font-size:15px !important;
  }
  
  .sidebar-card span,
  .sidebar-card small,
  .sidebar-card time{
    font-size:12px !important;
  }
  
  
  /* =========================================================
     KPI — STOP MICRO TYPOGRAPHY
     ========================================================= */
  
  .talents-kpis strong{
    font-size:31px !important;
  }
  
  .talents-kpis span{
    font-size:14px !important;
    font-weight:700;
  }
  
  .talents-kpis small{
    font-size:12px !important;
  }
  
  
  /* =========================================================
     FILTERS — MORE PRESENCE
     ========================================================= */
  
  .talents-filters input,
  .talents-filters select,
  .talents-filters button{
    font-size:15px !important;
    font-weight:550;
  
    height:58px !important;
  }
  
  
  /* =========================================================
     RESPONSIVE
     ========================================================= */
  
  @media (max-width:1350px){
  
    .talents-grid{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
  
  }
  
  @media (max-width:900px){
  
    .talents-grid{
      grid-template-columns:1fr !important;
    }
  
    .talent-card,
    .talent-card-featured{
      grid-column:auto !important;
  
      height:520px !important;
    }
  
    .talent-card-featured .talent-card-body h3{
      font-size:36px !important;
    }
  
  }

  /* =========================================================
   ARENALL — EDITORIAL TALENT WALL
   ========================================================= */

.talents-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr) !important;
    gap:18px !important;
    align-items:stretch;
  }
  
  
  /* =========================================================
     TOP DUO — ON GARDE CE QUI MARCHAIT
     ========================================================= */
  
  .talent-card-featured{
    grid-column:1 !important;
    height:570px !important;
  }
  
  .talent-card-side{
    grid-column:2 !important;
    height:570px !important;
  }
  
  
  /* =========================================================
     APRÈS LE DUO :
     PLUS AUCUNE GRANDE CARTE VERTICALE
     ========================================================= */
  
  .talent-card-editorial{
    grid-column:1 / -1 !important;
  
    height:190px !important;
  
    display:grid !important;
    grid-template-columns:250px minmax(0,1fr) !important;
  
    overflow:hidden !important;
  
    border:1px solid rgba(255,255,255,.075) !important;
    border-radius:16px !important;
  
    background:
      linear-gradient(
        100deg,
        #0d0e11 0%,
        #090a0c 65%,
        #07080a 100%
      ) !important;
  
    box-shadow:
      0 15px 45px rgba(0,0,0,.18) !important;
  }
  
  
  /* =========================================================
     PETITE IMAGE = UNE MAUVAISE PHOTO NE PEUT PLUS
     DÉTRUIRE TOUTE LA CARTE
     ========================================================= */
  
  .talent-card-editorial .talent-card-image{
    position:relative !important;
  
    inset:auto !important;
  
    width:250px !important;
    height:190px !important;
  
    overflow:hidden !important;
  
    background:#111217 !important;
  }
  
  .talent-card-editorial .talent-card-image img{
    width:100% !important;
    height:100% !important;
  
    object-fit:cover !important;
  
    transform:none !important;
  
    filter:
      saturate(.78)
      contrast(1.08)
      brightness(.82) !important;
  }
  
  
  /* fondu photo → interface */
  
  .talent-card-editorial .talent-card-image::after{
    content:"";
  
    position:absolute;
    inset:0;
  
    background:
      linear-gradient(
        90deg,
        transparent 35%,
        rgba(9,10,12,.12) 60%,
        #0a0b0d 100%
      ) !important;
  
    pointer-events:none;
  }
  
  
  /* =========================================================
     INFO HORIZONTALE
     ========================================================= */
  
  .talent-card-editorial .talent-card-body{
    position:relative !important;
  
    inset:auto !important;
  
    min-height:0 !important;
  
    padding:25px 28px !important;
  
    display:grid !important;
  
    grid-template-columns:
      minmax(200px,1.4fr)
      minmax(100px,.55fr)
      minmax(150px,.8fr);
  
    grid-template-rows:1fr auto;
  
    column-gap:28px;
    align-items:center;
  
    background:transparent !important;
  }
  
  
  /* nom */
  
  .talent-card-editorial .talent-card-identity{
    align-self:center;
  }
  
  .talent-card-editorial .talent-card-body h3{
    max-width:none !important;
  
    font-size:25px !important;
    line-height:1.05 !important;
  
    font-weight:900 !important;
    letter-spacing:-.035em !important;
  }
  
  .talent-card-editorial .talent-location{
    margin-top:7px !important;
  
    font-size:14px !important;
  }
  
  
  /* rating */
  
  .talent-card-editorial .talent-score{
    margin:0 !important;
  
    display:flex !important;
    flex-direction:column;
    align-items:flex-start !important;
  
    gap:7px;
  }
  
  .talent-card-editorial .talent-score strong{
    font-size:22px !important;
  }
  
  .talent-card-editorial .talent-verified-text{
    font-size:11px !important;
  }
  
  
  /* tags */
  
  .talent-card-editorial .talent-tags{
    margin:0 !important;
  
    display:flex !important;
    gap:7px;
  }
  
  .talent-card-editorial .talent-tags span{
    padding:8px 11px !important;
  
    font-size:11px !important;
  }
  
  
  /* =========================================================
     ACTIONS = BARRE DISCRÈTE À DROITE/BAS
     ========================================================= */
  
  .talent-card-editorial .talent-card-actions{
    grid-column:1 / -1;
  
    margin:15px 0 0 !important;
    padding:14px 0 0 !important;
  
    display:flex !important;
    justify-content:flex-end;
  
    gap:7px !important;
  
    border-top:1px solid rgba(255,255,255,.06);
  }
  
  .talent-card-editorial .talent-card-actions button{
    width:auto !important;
    height:35px !important;
  
    padding:0 14px !important;
  
    border-radius:8px !important;
  
    font-size:11px !important;
  }
  
  .talent-card-editorial .talent-card-actions button:first-child{
    padding:0 18px !important;
  }
  
  
  /* =========================================================
     POSITION / AGE — PLUS DISCRETS SUR LES PETITES PHOTOS
     ========================================================= */
  
  .talent-card-editorial .talent-position-badge{
    top:13px !important;
    left:13px !important;
  
    padding:7px 9px !important;
  
    font-size:10px !important;
  }
  
  .talent-card-editorial .talent-image-bottom{
    top:13px !important;
    right:13px !important;
  }
  
  .talent-card-editorial .talent-flag,
  .talent-card-editorial .talent-age{
    min-height:31px !important;
  
    padding:0 8px !important;
  
    font-size:11px !important;
  }
  
  
  /* =========================================================
     HOVER — LIGNE ÉDITORIALE, PAS CARTE QUI SAUTE
     ========================================================= */
  
  .talent-card-editorial:hover{
    transform:translateX(4px) !important;
  
    border-color:rgba(139,92,246,.22) !important;
  
    background:
      linear-gradient(
        100deg,
        #111119,
        #0b0b0f 65%,
        #08090b
      ) !important;
  
    box-shadow:
      0 20px 55px rgba(0,0,0,.25) !important;
  }
  
  .talent-card-editorial:hover .talent-card-image img{
    transform:scale(1.035) !important;
  }
  
  
  /* =========================================================
     RESPONSIVE
     ========================================================= */
  
  @media(max-width:1100px){
  
    .talents-grid{
      grid-template-columns:1fr 1fr !important;
    }
  
    .talent-card-featured,
    .talent-card-side{
      grid-column:auto !important;
    }
  
  }
  
  @media(max-width:760px){
  
    .talents-grid{
      grid-template-columns:1fr !important;
    }
  
    .talent-card-featured,
    .talent-card-side{
      grid-column:1 !important;
      height:500px !important;
    }
  
    .talent-card-editorial{
      grid-column:1 !important;
  
      height:170px !important;
  
      grid-template-columns:145px minmax(0,1fr) !important;
    }
  
    .talent-card-editorial .talent-card-image{
      width:145px !important;
      height:170px !important;
    }
  
    .talent-card-editorial .talent-card-body{
      padding:18px !important;
  
      display:flex !important;
      flex-direction:column;
  
      align-items:flex-start;
      justify-content:center;
    }
  
    .talent-card-editorial .talent-card-body h3{
      font-size:20px !important;
    }
  
    .talent-card-editorial .talent-tags,
    .talent-card-editorial .talent-card-actions{
      display:none !important;
    }
  }

  /* =========================================================
   POSITION EXPLORER — FULL PREMIUM MODAL
   ========================================================= */

.position-explorer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 32px;

  background: rgba(2, 4, 7, .82);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.position-explorer {
  width: min(1120px, 94vw);
  max-height: 86vh;

  display: flex;
  flex-direction: column;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 18px;

  background:
      radial-gradient(
          circle at 90% -10%,
          rgba(164, 118, 32, .16),
          transparent 34%
      ),
      #0c0f12;

  color: #f5f5f5;

  box-shadow:
      0 35px 100px rgba(0, 0, 0, .65),
      0 0 0 1px rgba(255, 255, 255, .025);
}


/* ================= HEADER ================= */

.position-explorer-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  gap: 30px;

  padding: 28px 30px 24px;

  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.position-explorer-header > div {
  min-width: 0;
}

.position-explorer-eyebrow {
  display: block;

  margin-bottom: 9px;

  color: #c99a3d;

  font-size: 10px;
  line-height: 1;
  font-weight: 800;

  letter-spacing: .17em;
}

.position-explorer-header h2 {
  margin: 0;

  color: #ffffff;

  font-size: 26px;
  line-height: 1.1;
  font-weight: 800;

  letter-spacing: -.035em;
}

.position-explorer-header p {
  margin: 8px 0 0;

  color: #858b93;

  font-size: 12px;
  line-height: 1.5;
}

.position-explorer-close {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0;

  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 9px;

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

  color: #c7cbd0;

  font-size: 23px;
  line-height: 1;

  cursor: pointer;

  transition: .18s ease;
}

.position-explorer-close:hover {
  border-color: rgba(255, 255, 255, .20);
  background: rgba(255, 255, 255, .09);
  color: #fff;
}


/* ================= POSITION TABS ================= */

.position-explorer-tabs {
  display: flex;
  align-items: center;

  gap: 7px;

  padding: 14px 30px;

  overflow-x: auto;

  border-bottom: 1px solid rgba(255, 255, 255, .07);

  background: rgba(0, 0, 0, .12);

  scrollbar-width: none;
}

.position-explorer-tabs::-webkit-scrollbar {
  display: none;
}

.position-explorer-tabs button {
  min-width: 50px;
  height: 32px;

  padding: 0 14px;

  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 7px;

  background: #14181c;

  color: #8e949b;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .06em;

  cursor: pointer;

  transition: .18s ease;
}

.position-explorer-tabs button:hover {
  border-color: rgba(201, 154, 61, .45);

  color: #e6e8ea;
}

.position-explorer-tabs button.active {
  border-color: rgba(201, 154, 61, .65);

  background:
      linear-gradient(
          180deg,
          rgba(201, 154, 61, .22),
          rgba(201, 154, 61, .09)
      );

  color: #e0b45b;

  box-shadow:
      inset 0 0 0 1px rgba(201, 154, 61, .05);
}


/* ================= TALENT GRID ================= */

.position-explorer-grid {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 11px;

  padding: 22px 30px 30px;

  overflow-y: auto;

  scrollbar-width: thin;
}


/* ================= TALENT CARD ================= */

.position-explorer-talent {
  position: relative;

  min-width: 0;
  min-height: 86px;

  display: flex;
  align-items: center;

  gap: 13px;

  padding: 12px;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, .085);
  border-radius: 11px;

  background:
      linear-gradient(
          135deg,
          rgba(255, 255, 255, .035),
          transparent 65%
      ),
      #12161a;

  color: #ffffff;

  cursor: pointer;

  transition:
      transform .18s ease,
      border-color .18s ease,
      background .18s ease,
      box-shadow .18s ease;
}

.position-explorer-talent::after {
  content: "";

  position: absolute;

  top: 0;
  right: 0;

  width: 65px;
  height: 65px;

  background:
      radial-gradient(
          circle at top right,
          rgba(201, 154, 61, .10),
          transparent 70%
      );

  pointer-events: none;
}

.position-explorer-talent:hover {
  transform: translateY(-2px);

  border-color: rgba(201, 154, 61, .48);

  background:
      linear-gradient(
          135deg,
          rgba(201, 154, 61, .07),
          transparent 65%
      ),
      #15191d;

  box-shadow:
      0 12px 28px rgba(0, 0, 0, .25);
}


/* ================= PHOTO ================= */

.position-explorer-talent-image {
  width: 58px;
  height: 64px;

  flex: 0 0 58px;

  display: block;

  object-fit: cover;

  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 8px;

  background: #20252a;
}


/* ================= INFO ================= */

.position-explorer-talent-info {
  min-width: 0;
  flex: 1;

  display: flex;
  flex-direction: column;

  gap: 6px;
}

.position-explorer-talent-name {
  min-width: 0;

  display: flex;
  align-items: center;

  gap: 6px;
}

.position-explorer-talent-name strong {
  overflow: hidden;

  color: #f4f5f6 !important;

  font-size: 13px;
  line-height: 1.2;
  font-weight: 750;

  letter-spacing: -.015em;

  text-overflow: ellipsis;
  white-space: nowrap;
}

.position-explorer-talent-name span {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #4b7cff;

  color: #fff !important;

  font-size: 9px;
  font-weight: 900;
}

.position-explorer-talent-info small {
  overflow: hidden;

  color: #858c94 !important;

  font-size: 10px;
  line-height: 1.3;
  font-weight: 500;

  text-overflow: ellipsis;
  white-space: nowrap;
}


/* ================= META ================= */

.position-explorer-talent-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 5px;
}

.position-explorer-talent-meta span {
  display: inline-flex;
  align-items: center;

  min-height: 20px;

  padding: 0 7px;

  border: 1px solid rgba(255, 255, 255, .075);
  border-radius: 5px;

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

  color: #adb2b8 !important;

  font-size: 9px;
  line-height: 1;
  font-weight: 700;
}

.position-explorer-talent-meta span:last-child {
  border-color: rgba(201, 154, 61, .18);

  background: rgba(201, 154, 61, .09);

  color: #d5aa55 !important;
}


/* ================= EMPTY ================= */

.position-explorer-empty {
  grid-column: 1 / -1;

  padding: 60px 20px;

  border: 1px dashed rgba(255, 255, 255, .10);
  border-radius: 11px;

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

  color: #777e86;

  text-align: center;

  font-size: 12px;
}


/* ================= ALL POSITIONS ================= */

.position-explorer-position-grid {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 11px;

  padding: 22px 30px 30px;

  overflow-y: auto;
}

.position-explorer-position-grid button {
  position: relative;

  min-height: 110px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;

  padding: 17px;

  overflow: hidden;

  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 11px;

  background:
      radial-gradient(
          circle at 90% 5%,
          rgba(201, 154, 61, .12),
          transparent 45%
      ),
      #12161a;

  color: #fff;

  text-align: left;

  cursor: pointer;

  transition: .18s ease;
}

.position-explorer-position-grid button:hover {
  transform: translateY(-2px);

  border-color: rgba(201, 154, 61, .48);

  background:
      radial-gradient(
          circle at 90% 5%,
          rgba(201, 154, 61, .20),
          transparent 48%
      ),
      #161a1e;
}

.position-explorer-position-grid strong {
  color: #f4f5f6;

  font-size: 14px;
  font-weight: 800;
}

.position-explorer-position-grid span {
  margin-top: 5px;

  color: #8b9198;

  font-size: 10px;
}


/* ================= RESPONSIVE ================= */

@media (max-width: 900px) {

  .position-explorer-grid,
  .position-explorer-position-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {

  .position-explorer-backdrop {
      padding: 10px;
  }

  .position-explorer {
      width: 100%;
      max-height: 94vh;

      border-radius: 14px;
  }

  .position-explorer-header {
      padding: 21px 18px 18px;
  }

  .position-explorer-tabs {
      padding: 12px 18px;
  }

  .position-explorer-grid,
  .position-explorer-position-grid {
      grid-template-columns: 1fr;

      padding: 16px 18px 22px;
  }
}

.trending-position-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 11px 0;
}

.trending-talent-info {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  column-gap: 10px;
  row-gap: 2px;
}

.trending-talent-info strong {
  min-width: 0;
  font-size: 15px;
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.trending-count {
  font-size: 12px;
  line-height: 1.15;
  opacity: 0.65;
  white-space: nowrap;
}

.trending-hint {
  grid-column: 1 / -1;
  font-size: 11px;
  line-height: 1.2;
  opacity: 0.45;
  margin-top: 2px;
}

.talents-page .hero-language-switcher-connected {
	left: 128px;
}