:root{--black:#0a0a0a;--black2:#111111;--black3:#1a1a1a;--card-bg:#161616;--red:#e8142a;--white:#fff;--white70:rgba(255,255,255,.7);--white40:rgba(255,255,255,.4);--white10:rgba(255,255,255,.08);--gold:#d4a847;--green:#22c55e;--border:rgba(255,255,255,.08);--radius:10px;}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;overflow-x:hidden;}
body{background:var(--black);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;overflow-x:hidden;}

/* HERO */
.talent-hero{padding:28px 16px 20px;text-align:center;background:linear-gradient(180deg,rgba(232,20,42,.08) 0%,transparent 100%);}
.talent-icon{font-size:36px;margin-bottom:6px;}
.talent-title{font-family:'Inter',sans-serif;font-size:38px;font-weight:800;letter-spacing:-.5px;line-height:1;}
.talent-sub{font-size:13px;color:var(--white40);margin-top:6px;}

/* FILTER BAR */
.talent-filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;max-width:1200px;margin:0 auto;border-bottom:1px solid var(--border);}
.tf-select{background:var(--white10);border:1px solid var(--border);border-radius:8px;padding:0 12px;height:38px;color:var(--white);font-family:'Inter',sans-serif;font-size:13px;outline:none;cursor:pointer;flex:1;min-width:120px;}
.tf-select option{background:#1a1a1a;}
.tf-input{flex:2;min-width:120px;background:var(--white10);border:1px solid var(--border);border-radius:8px;padding:0 14px;height:38px;color:var(--white);font-family:'Inter',sans-serif;font-size:13px;outline:none;}
.tf-input::placeholder{color:var(--white40);}
.tf-count{width:100%;font-size:12px;color:var(--white40);white-space:nowrap;}
.tf-count strong{color:var(--white);margin:0 3px;}

/* GRID */
.talent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 16px;max-width:1200px;margin:0 auto;}
.tcard{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;text-decoration:none;color:inherit;display:block;aspect-ratio:1/1;}
.tcard img{width:100%;height:100%;object-fit:cover;display:block;background:linear-gradient(135deg,#2a1a1a,#1a0a0a);transition:transform .3s;}
.tcard:hover img{transform:scale(1.05);}
.tcard-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,transparent 100%);pointer-events:none;}
.tcard-name{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;}
.tcard-city{font-size:10px;color:var(--white40);}
.tcard-badge{position:absolute;top:6px;left:6px;display:flex;gap:3px;}
.tcard-badge span{font-size:6px;font-weight:900;padding:2px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;backdrop-filter:blur(4px);}
.tb-vr{background:rgba(59,130,246,.92);color:#fff;}
.tb-ft{background:linear-gradient(135deg,#d4a847,#f5d784,#d4a847);color:#1a1000;}

/* EMPTY */
.talent-empty{text-align:center;padding:60px 20px;color:var(--white40);}
.talent-empty .icon{font-size:48px;margin-bottom:12px;}

/* LOAD MORE */
.load-more-wrap{text-align:center;padding:20px 16px 40px;}
.btn-load{background:var(--white10);border:1px solid var(--border);border-radius:8px;padding:10px 28px;color:var(--white);font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;}
.btn-load:hover{background:var(--red);border-color:var(--red);}

/* BOTTOM NAV */
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:90;background:linear-gradient(180deg,#1a0810 0%,#160610 100%);border-top:1px solid rgba(232,20,42,.3);display:flex;padding:8px 0 calc(8px + env(safe-area-inset-bottom));}
.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;color:var(--white40);text-decoration:none;transition:color .2s;}
.bnav-item.active{color:var(--red);}
.bi{font-size:20px;}.bl{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;}
.bn-spacer{height:70px;}
.logo-img{height:28px;display:block;}

/* DESKTOP */
@media(min-width:768px){
  .talent-hero{padding:36px 24px 24px;}
  .talent-title{font-size:56px;}
  .talent-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 24px;}
  .bottom-nav,.bn-spacer{display:none!important;}
  .tcard-name{font-size:12px;}
}
@media(min-width:1024px){
  .talent-grid{grid-template-columns:repeat(5,1fr);}
}