.roster-hero{min-height:520px;position:relative;overflow:hidden;display:flex;align-items:center;padding:80px 7%;background:radial-gradient(ellipse at 78% 42%,#153f72 0,#1c1844 30%,#080b13 72%)}
.roster-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080b13 0%,#080b13d9 38%,transparent 80%)}
.roster-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent)}
.roster-hero-copy{position:relative;z-index:2;max-width:800px}
.roster-hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(72px,9vw,140px);font-weight:900;line-height:.86;letter-spacing:-.025em;margin:28px 0;text-transform:uppercase}
.roster-hero h1 em{font-style:normal;background:linear-gradient(90deg,#ca2bff,#6a43ef 55%,#28c2ff);background-clip:text;color:transparent}
.roster-hero p{max-width:600px;color:#c6c9d7;font-size:17px;line-height:1.7}
.roster-mark{position:absolute;z-index:1;right:7%;width:min(25vw,300px);filter:drop-shadow(0 0 44px #1f81ff88);opacity:.78}
.roster-tabs{position:sticky;top:0;z-index:8;display:flex;gap:8px;padding:14px 7%;overflow:auto;background:#10131eeb;border-block:1px solid #ffffff1c;backdrop-filter:blur(14px)}
.roster-tabs a{white-space:nowrap;padding:10px 15px;border:1px solid #ffffff24;color:#cbd0df;font-size:12px;font-weight:800;letter-spacing:.08em;transition:.2s}
.roster-tabs a:hover,.roster-tabs a:focus-visible{color:#fff;border-color:#23bfff;background:#173452}
.roster-section{padding:95px 7% 110px;background:#f3f5fa;color:#0c0d15;scroll-margin-top:70px}
.roster-section-dark{background:#090c15;color:#f7f8ff}
.roster-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}
.roster-heading span{color:#7a33d5;font-size:12px;letter-spacing:.18em;font-weight:800}
.roster-section-dark .roster-heading span{color:#22bbff}
.roster-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,6vw,86px);line-height:.94;margin:12px 0 0;letter-spacing:-.02em}
.roster-heading>p{max-width:410px;color:#5d6272;font-size:15px;line-height:1.7;margin:0}
.roster-section-dark .roster-heading>p{color:#adb3c6}
.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.profile-grid-featured{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-card{display:grid;grid-template-columns:minmax(180px,.8fr) 1.2fr;min-height:410px;background:#fff;border:1px solid #dfe2ea;overflow:hidden;box-shadow:0 18px 50px #09101f12}
.roster-section-dark .profile-card{background:#121724;border-color:#ffffff18;box-shadow:none}
.profile-card.compact{display:flex;flex-direction:column;min-height:520px}
.profile-photo{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle at 50% 65%,#3d2b82,#101525 68%);color:#fff;border-bottom:1px solid #ffffff17}
.profile-photo span{font-family:'Barlow Condensed',sans-serif;font-size:58px;font-weight:900;letter-spacing:.05em;background:linear-gradient(120deg,#d040ff,#20c9ff);background-clip:text;color:transparent}
.profile-photo small{font-size:10px;letter-spacing:.25em;color:#98a0b7}
.profile-info{padding:28px;display:flex;flex-direction:column}
.profile-kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:#7b34d4;margin:0 0 12px}
.roster-section-dark .profile-kicker{color:#24bfff}
.profile-info h3{font-family:'Barlow Condensed',sans-serif;font-size:38px;line-height:1;margin:0 0 8px}
.profile-role{font-size:13px;font-weight:700;color:#72788c;margin:0 0 22px}
.roster-section-dark .profile-role{color:#9ba2b6}
.profile-bio{font-size:14px;line-height:1.65;color:#606678;margin:0}
.roster-section-dark .profile-bio{color:#b2b7c6}
.profile-meta{display:flex;gap:8px;margin-top:auto;padding-top:24px}
.profile-meta span,.social-row span{padding:8px 10px;border:1px solid #d7dbe5;font-size:10px;font-weight:800;letter-spacing:.06em;color:#62697d}
.roster-section-dark .profile-meta span,.roster-section-dark .social-row span{border-color:#ffffff1c;color:#b7bdce}
.social-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:24px}
.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.member-slot{display:flex;align-items:center;gap:22px;padding:25px;background:#fff;border:1px solid #dfe2ea}
.member-slot img{width:54px;height:54px;filter:grayscale(1);opacity:.45}
.member-slot h3{font-family:'Barlow Condensed',sans-serif;font-size:26px;margin:0 0 5px}
.member-slot p{font-size:13px;color:#747a8b;margin:0}
.roster-cta{display:grid;grid-template-columns:auto 1fr auto;gap:38px;align-items:center;padding:70px 7%;background:linear-gradient(110deg,#211044,#102c55);border-block:1px solid #ffffff22}
.roster-cta img{filter:drop-shadow(0 0 25px #3c8cff77)}
.roster-cta>div>span{font-size:11px;letter-spacing:.18em;font-weight:800;color:#2cc6ff}
.roster-cta h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(42px,5vw,72px);line-height:1;margin:10px 0}
.roster-cta p{color:#bcc2d2;margin:0}
@media(max-width:1000px){.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid-featured{grid-template-columns:1fr}.profile-card{grid-template-columns:220px 1fr}.roster-cta{grid-template-columns:auto 1fr}.roster-cta .primary-button{grid-column:2;width:max-content}}
@media(max-width:700px){.roster-hero{min-height:610px;padding:80px 5%}.roster-hero h1{font-size:clamp(70px,19vw,105px)}.roster-mark{right:-16%;top:15%;width:62vw;opacity:.35}.roster-tabs{padding-inline:5%}.roster-section{padding:75px 5% 85px}.roster-heading{display:block}.roster-heading>p{margin-top:20px}.profile-grid,.profile-grid-featured,.member-grid{grid-template-columns:1fr}.profile-card{display:flex;flex-direction:column}.profile-photo{min-height:220px}.roster-cta{grid-template-columns:1fr;padding:62px 5%;text-align:left}.roster-cta img{width:90px}.roster-cta .primary-button{grid-column:auto;width:100%}}