/* ═══ Team Premium Styles v1.0 ═══ */
.tp-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:24px 0;margin-bottom:16px}
.tp-stat{text-align:center}.tp-stat-num{display:block;font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:700;color:var(--maroon,#8B1A1A)}.tp-stat-lbl{font-size:11px;color:rgba(0,0,0,0.4);margin-top:2px}
.tp-filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:24px}
.tp-filter-group{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.tp-fbtn{padding:7px 16px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(0,0,0,0.08);background:transparent;color:rgba(0,0,0,0.5);cursor:pointer;transition:all 0.3s;white-space:nowrap}
.tp-fbtn:hover{border-color:var(--maroon);color:var(--maroon)}.tp-fbtn.active{background:var(--maroon,#8B1A1A);color:#fff;border-color:var(--maroon)}
.tp-search{padding:8px 16px;border:1px solid rgba(0,0,0,0.08);border-radius:12px;font-size:13px;background:transparent;color:inherit;width:220px;transition:border-color 0.3s}
.tp-search:focus{outline:none;border-color:var(--gold,#C9A84C)}.tp-search::placeholder{color:rgba(0,0,0,0.25)}
.tp-section{margin-bottom:40px}.tp-section-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--dark,#1A1A1A);margin-bottom:16px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,0.06)}
.tp-section-count{font-size:13px;font-weight:400;color:rgba(0,0,0,0.3);margin-left:4px}
.tp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
/* Card */
.tp-card{border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,0.05);background:#fff;cursor:pointer;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);opacity:0;transform:translateY(16px)}
.tp-card.visible{opacity:1;transform:translateY(0)}
.tp-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,0.1);border-color:rgba(201,168,76,0.4)}
.tp-card-top{display:flex;justify-content:center;padding:24px 20px 12px}
.tp-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid rgba(201,168,76,0.25);box-shadow:0 4px 16px rgba(0,0,0,0.08)}
.tp-avatar-fallback{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;box-shadow:0 4px 16px rgba(0,0,0,0.1)}
.tp-card-body{padding:0 20px 20px;text-align:center}
.tp-name{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:700;color:var(--dark);margin-bottom:4px;line-height:1.2}
.tp-role{font-size:12px;color:var(--gold,#C9A84C);font-style:italic;margin-bottom:8px;font-weight:500}
.tp-meta{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.tp-dept{font-size:10px;padding:3px 10px;border-radius:10px;background:rgba(0,0,0,0.03);color:rgba(0,0,0,0.5)}
.tp-bu{font-size:10px;padding:3px 10px;border-radius:10px;border:1px solid;font-weight:600}
.tp-email{display:block;font-size:11px;color:rgba(0,0,0,0.4);text-decoration:none;margin-bottom:6px;transition:color 0.3s}.tp-email:hover{color:var(--gold)}
.tp-code{font-size:9px;color:rgba(0,0,0,0.25);font-family:monospace;letter-spacing:1px}
.tp-empty{text-align:center;padding:60px 0}
/* Modal */
.tp-modal-ov{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);z-index:99998;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity 0.3s}
.tp-modal-ov.show{opacity:1}
.tp-modal{background:#fff;border-radius:20px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 32px 80px rgba(0,0,0,0.25);transform:translateY(20px);transition:transform 0.3s}
.tp-modal-ov.show .tp-modal{transform:translateY(0)}
.tp-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.9);border:none;font-size:20px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:transform 0.2s}.tp-modal-close:hover{transform:scale(1.1)}
.tp-modal-hero{padding:32px 28px;display:flex;align-items:center;gap:20px;border-radius:20px 20px 0 0;color:#fff;position:relative;overflow:hidden}
.tp-modal-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,0.3),rgba(0,0,0,0.1))}
.tp-modal-hero>*{position:relative;z-index:1}
.tp-modal-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,0.4);flex-shrink:0}
.tp-modal-avatar-fb{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;flex-shrink:0;border:3px solid rgba(255,255,255,0.3)}
.tp-modal-name{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:700;margin-bottom:4px}
.tp-modal-role{font-size:14px;opacity:0.8;font-style:italic;margin-bottom:8px}
.tp-modal-badges{display:flex;gap:6px;flex-wrap:wrap}
.tp-modal-badge{padding:3px 12px;border-radius:12px;font-size:11px;font-weight:600;background:rgba(255,255,255,0.2);backdrop-filter:blur(4px)}
.tp-modal-body{padding:24px 28px}
.tp-modal-section{margin-bottom:20px}.tp-modal-section h4{font-size:13px;font-weight:700;color:var(--maroon,#8B1A1A);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:10px}
.tp-modal-bio{font-size:14px;line-height:1.7;color:rgba(0,0,0,0.6)}
.tp-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tp-modal-info{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:rgba(0,0,0,0.02)}
.tp-modal-info-icon{font-size:16px;flex-shrink:0}.tp-modal-info-label{font-size:10px;color:rgba(0,0,0,0.4);text-transform:uppercase;letter-spacing:0.3px}.tp-modal-info-value{font-size:13px;font-weight:500;color:var(--dark)}
.tp-modal-tags{display:flex;flex-wrap:wrap;gap:6px}
.tp-modal-tag{padding:4px 12px;border-radius:16px;font-size:11px;font-weight:500;background:rgba(201,168,76,0.08);color:var(--gold,#C9A84C);border:1px solid rgba(201,168,76,0.15)}
.tp-modal-tag.cert{background:rgba(16,185,129,0.08);color:#059669;border-color:rgba(16,185,129,0.15)}
.tp-modal-socials{display:flex;gap:8px}
.tp-social-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;font-weight:700;color:#fff;transition:transform 0.2s}.tp-social-btn:hover{transform:scale(1.15)}
.tp-social-btn.li{background:#0A66C2}.tp-social-btn.fb{background:#1877F2}
.tp-modal-person{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:rgba(0,0,0,0.02);cursor:pointer;transition:background 0.2s;margin-bottom:6px}.tp-modal-person:hover{background:rgba(201,168,76,0.06)}
.tp-modal-person span{font-size:20px}.tp-modal-person strong{font-size:14px;color:var(--dark)}.tp-modal-person small{font-size:11px;color:rgba(0,0,0,0.4)}
/* Dark Theme */
.theme-dark .tp-stat-num{color:var(--gold,#C9A84C)}.theme-dark .tp-stat-lbl{color:rgba(245,240,232,0.4)}
.theme-dark .tp-fbtn{border-color:rgba(255,255,255,0.08);color:rgba(245,240,232,0.5)}.theme-dark .tp-fbtn:hover{border-color:var(--gold);color:var(--gold)}.theme-dark .tp-fbtn.active{background:var(--maroon);color:#fff}
.theme-dark .tp-search{border-color:rgba(255,255,255,0.08);color:#F5F0E8}.theme-dark .tp-search::placeholder{color:rgba(245,240,232,0.25)}
.theme-dark .tp-section-title{color:#F5F0E8;border-color:rgba(255,255,255,0.06)}.theme-dark .tp-section-count{color:rgba(245,240,232,0.3)}
.theme-dark .tp-card{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.06)}.theme-dark .tp-card:hover{border-color:rgba(201,168,76,0.3);box-shadow:0 16px 48px rgba(0,0,0,0.25)}
.theme-dark .tp-name{color:#F5F0E8}.theme-dark .tp-dept{background:rgba(255,255,255,0.04);color:rgba(245,240,232,0.5)}
.theme-dark .tp-email{color:rgba(245,240,232,0.4)}.theme-dark .tp-code{color:rgba(245,240,232,0.2)}
.theme-dark .tp-modal{background:#1a1a2e}.theme-dark .tp-modal-close{background:rgba(26,26,46,0.9);color:#F5F0E8}
.theme-dark .tp-modal-bio{color:rgba(245,240,232,0.6)}.theme-dark .tp-modal-info{background:rgba(255,255,255,0.03)}
.theme-dark .tp-modal-info-value{color:#F5F0E8}.theme-dark .tp-modal-person{background:rgba(255,255,255,0.03)}
.theme-dark .tp-modal-person:hover{background:rgba(201,168,76,0.06)}.theme-dark .tp-modal-person strong{color:#F5F0E8}
@media(max-width:1024px){.tp-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tp-modal-grid{grid-template-columns:1fr}}
@media(max-width:768px){.tp-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.tp-modal-hero{flex-direction:column;text-align:center}.tp-stats{gap:16px}.tp-stat-num{font-size:24px}.tp-search{width:100%}.tp-filter-row{flex-direction:column}}