*{box-sizing:border-box} :root{font-family:Arial,Helvetica,sans-serif;color:#2c303b;font-size:16px;font-synthesis:none;--purple:#40399b;--muted:#757c8a;--line:#e5e6ed} body{margin:0;background:radial-gradient(ellipse at 98% 0%,#6787d1 0%,#445cb7 34%,#292b98 65%,#191b7a 100%);background-attachment:fixed;min-height:100vh} button,input,select{font:inherit} button,a,input,summary,select{-webkit-tap-highlight-color:transparent} button,summary,select{cursor:pointer} button{transition:background .15s,color .15s,box-shadow .15s} a{color:inherit;text-decoration:none} button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #e4a346;outline-offset:3px} button:disabled{opacity:.35;cursor:not-allowed} svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} .header{background:white;position:sticky;top:0;z-index:10;box-shadow:0 1px 0 #ffffff25}.topbar{height:70px;padding:0 30px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line)}.swapcard{font-size:25px;letter-spacing:-1.4px}.swapcard span{color:#58b695}.divider{height:30px;width:1px;background:#ddd}.event-logo{font-size:19px;font-style:italic;font-weight:900;letter-spacing:-1px;padding:10px 12px;border-radius:4px;color:white;background:linear-gradient(125deg,#151364 10%,#6266b9 30%,#ce916d 47%,#515198 64%,#121157 90%);box-shadow:inset 0 0 20px #ffffff35}.event-name{font-weight:700;font-size:14px}.demo-badge{font-size:11px;color:#716c92;border:1px solid #dad8e6;border-radius:4px;padding:4px 6px;letter-spacing:.8px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.date{font-size:13px;color:#777b89}.viewer{width:35px;height:35px;border-radius:50%;background:#eeedf8;color:#544b99;display:grid;place-items:center;font-size:12px;font-weight:bold}.nav{height:55px;display:flex;justify-content:center;align-items:stretch;gap:36px;font-size:14px;font-weight:600;color:#787f8f}.nav>a,.nav-label{display:flex;align-items:center;gap:10px;white-space:nowrap}.nav-label{cursor:default}.nav .active{color:var(--purple);border-bottom:3px solid var(--purple)}.layout{max-width:1536px;display:grid;grid-template-columns:292px minmax(0,1fr);gap:26px;margin:0 auto;padding:28px 26px 40px;align-items:start}.sidebar{display:grid;gap:17px}.panel{background:#fff;border:1px solid #e1e2ea;border-radius:9px;padding:18px}.search{display:flex;align-items:center;border:1px solid #dfe1e8;border-radius:6px;padding:0 12px;gap:8px;height:45px;color:#969ba7}.search:focus-within{border-color:#665bb9;box-shadow:0 0 0 2px #665bb915}.search input{border:0;outline:0;width:100%;min-width:0;font-size:14px;color:#30313e;background:transparent}.search input::placeholder{color:#9298a3}.filter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:21px 0 8px}.filter-heading h2{font-size:15px;margin:0}.text-button{border:0;background:transparent;padding:5px 0;color:var(--purple);font-size:12px}.filter-panel details{border-bottom:1px solid var(--line)}.filter-panel details:last-child{border:0}.filter-panel summary{font-size:14px;padding:19px 0;list-style:none;display:flex;align-items:center;gap:8px}.filter-panel summary::-webkit-details-marker{display:none}.filter-panel summary:after{content:'';width:8px;height:8px;border-right:1.5px solid #89909d;border-bottom:1.5px solid #89909d;transform:rotate(45deg);margin-left:auto;margin-right:3px;margin-top:-5px}.filter-panel details[open] summary:after{transform:rotate(225deg);margin-top:4px}.filter-selected:not(:empty){background:#efedf8;color:var(--purple);padding:2px 6px;border-radius:4px;font-size:12px}.filter-options{display:grid;gap:14px;padding:0 0 19px}.filter-options label{display:flex;gap:8px;font-size:13px;line-height:1.45;cursor:pointer}.filter-options input{accent-color:var(--purple);width:16px;height:16px;flex-shrink:0;margin:2px 0 0}.filter-options small{margin-left:auto;color:#9397a2;font-size:12px}.connections-panel .filter-heading{margin:0}.count{background:#f0eef8;border-radius:12px;padding:3px 8px;color:var(--purple);font-size:12px}.connections-panel p{font-size:14px;line-height:1.6;color:var(--muted);margin:12px 0 17px}.outline-button{width:100%;border:1px solid #dcd9ef;border-radius:5px;background:white;color:var(--purple);padding:10px;font-size:14px;font-weight:600}.outline-button:hover{background:#f7f5ff}.sidebar-footer{font-size:12px;color:#e0e2fc;line-height:1.8;padding:2px 8px}.directory{min-width:0;scroll-margin-top:140px}.directory-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;color:white;min-height:65px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#e0e5ff;font-weight:600;margin-bottom:8px}h1{font-size:27px;letter-spacing:-.5px;margin:0;display:flex;align-items:center;gap:12px}h1>span{font-size:13px;font-weight:400;padding:5px 10px;background:#ffffff1f;border:1px solid #ffffff2a;border-radius:20px;letter-spacing:0}.sort-label select{border:1px solid #ffffff55;border-radius:25px;padding:9px 30px 9px 14px;font-size:13px;color:#626878;background:white;max-width:180px}.directory-toolbar{display:flex;justify-content:space-between;align-items:center;margin:12px 0 15px;min-height:21px}#results-label{font-size:13px;color:#e2e7ff;margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.person-card{position:relative;background:#fff;border-radius:8px;border:1px solid #e2e3ed;overflow:hidden;transition:transform .15s,box-shadow .15s}.person-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #11115830}.profile-link{display:flex;align-items:center;flex-direction:column;text-align:center;padding:22px 12px 19px;min-height:239px;height:100%}.avatar{display:grid;place-items:center;width:86px;height:86px;flex-shrink:0;border-radius:50%;font-size:28px;font-weight:500;letter-spacing:-1.5px;margin-bottom:15px;box-shadow:inset 0 0 0 1px #00000004}.palette-0{background:linear-gradient(135deg,#e9e2f7,#d6d0ec);color:#655183}.palette-1{background:linear-gradient(135deg,#ddebf1,#c0d8e6);color:#466984}.palette-2{background:linear-gradient(135deg,#f5e2dc,#e8c8bb);color:#93654c}.palette-3{background:linear-gradient(135deg,#dbede7,#c4ded2);color:#497567}.palette-4{background:linear-gradient(135deg,#f1e8cc,#e6d9af);color:#87743e}.palette-5{background:linear-gradient(135deg,#dce2f8,#c1cce9);color:#536994}.palette-6{background:linear-gradient(135deg,#f2deea,#e9cadd);color:#935f80}.palette-7{background:linear-gradient(135deg,#e0e5e8,#cbd3d7);color:#5f737c}.person-card h2{font-size:15px;line-height:1.35;margin:0 0 6px;letter-spacing:-.1px}.job-title,.company{font-size:13px;line-height:1.6;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.job-title{color:#727783}.company{color:#40454e;font-weight:500}.card-location{font-size:11px;color:#8d929f;margin-top:12px}.connect-button{position:absolute;z-index:1;right:6px;top:6px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#9098a5}.connect-button:hover{background:#f0eef9;color:var(--purple)}.connect-button svg{width:18px;height:18px}.connect-button.is-saved{background:#e5f3ed;color:#347565}.active-filters{display:flex;gap:7px;flex-wrap:wrap}.active-filters:not(:empty){margin-bottom:15px}.filter-chip{border:1px solid #ffffff55;background:#ffffffec;color:#3f4085;padding:7px 10px;border-radius:5px;font-size:12px}.filter-chip span{margin-left:8px}.pagination{display:flex;justify-content:center;gap:8px;margin:28px 0}.pagination button{border:1px solid #ffffff45;border-radius:6px;min-width:36px;height:36px;color:white;background:#ffffff0c;font-size:14px}.pagination button[aria-current]{background:white;color:var(--purple);font-weight:bold}.pagination button:hover:not(:disabled){background:#ffffff35}.pagination button[aria-current]:hover{background:white}.directory-footer{border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:12px;color:#d3d9f9}.directory-footer>span:first-child{font-weight:bold;letter-spacing:1px}.empty-state{grid-column:1/-1;background:white;border-radius:8px;padding:60px 20px;text-align:center}.empty-state h2{font-size:20px}.empty-state p{font-size:15px;color:#777d8b;line-height:1.6}.empty-symbol{font-size:45px;color:#6b60b2}.primary-button{padding:12px 20px;border-radius:6px;background:var(--purple);color:white;font-weight:600;font-size:14px;border:0}.primary-button:hover{background:#30297d}.mobile-filters{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}dialog{border:0;padding:0;border-radius:13px;width:min(560px,calc(100% - 28px));max-height:90dvh;color:#2c303b;box-shadow:0 30px 100px #08082855}dialog::backdrop{background:#10124099;backdrop-filter:blur(5px)}.profile-cover{height:113px;background:radial-gradient(ellipse at top right,#808ddd,#302c96 70%);padding:25px 28px;color:white;font-size:14px;font-weight:bold;letter-spacing:1px;position:relative}.close-button{position:absolute;right:13px;top:12px;width:36px;height:36px;border:1px solid #ffffff40;background:#ffffff15;border-radius:50%;color:white;font-size:26px;line-height:1}.profile-content{padding:0 30px 24px}.profile-content>.avatar{width:100px;height:100px;font-size:32px;position:relative;margin-top:-43px;border:5px solid white;margin-bottom:15px}.profile-demo{font-size:10px;letter-spacing:1.3px;color:#83899b}.profile-content h2{font-size:27px;margin:7px 0 8px}.profile-role{font-size:16px;color:#777c89;margin:0 0 6px}.profile-company{margin:0;font-size:16px;font-weight:600}.location{font-size:14px;color:#8b8f9c;margin:13px 0 21px}.profile-content>.primary-button{width:100%}.profile-content h3{font-size:15px;margin:25px 0 12px}.bio{font-size:15px;line-height:1.75;color:#6d7280}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:12px;color:#5f5698;background:#f1eff9;border:1px solid #e6e1f4;padding:7px 10px;border-radius:5px}dl{margin:0}dl>div{display:grid;grid-template-columns:40% 1fr;gap:15px;border-bottom:1px solid #eeeef3;padding:12px 0;font-size:13px;line-height:1.5}dt{color:#818593}dd{margin:0;color:#474b56}.profile-note{font-size:12px;color:#898d99;line-height:1.6;margin-top:24px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#25263e;color:white;padding:14px 22px;border:1px solid #ffffff25;border-radius:8px;box-shadow:0 6px 25px #0003;z-index:30;font-size:14px;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100vw - 30px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.profile-link{min-height:250px;padding-top:26px}.avatar{width:94px;height:94px}.person-card h2{font-size:16px}.job-title,.company{font-size:14px}}
@media(max-width:1100px){.layout{grid-template-columns:260px minmax(0,1fr);gap:20px;padding:24px 20px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{gap:20px}.date{display:none}.nav{gap:27px}}
@media(max-width:800px){.layout{grid-template-columns:220px minmax(0,1fr);padding:20px 15px;gap:16px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:14px}.nav{gap:22px;font-size:12px}.topbar{padding:0 20px}.event-name{display:none}.profile-link{min-height:233px}.directory-heading{align-items:flex-start;flex-wrap:wrap;gap:14px}h1{font-size:25px}.sort-label select{padding-top:7px;padding-bottom:7px}.directory-footer{flex-direction:column;gap:8px}}
@media(max-width:600px){.header{position:relative}.topbar{height:65px;gap:15px;padding:0 16px}.swapcard{font-size:22px}.divider{display:none}.event-logo{font-size:16px;padding:8px}.demo-badge{font-size:9px}.top-actions{gap:0}.viewer{width:30px;height:30px;font-size:11px}.nav{height:47px;justify-content:flex-start;overflow-x:auto;padding:0 18px;gap:25px}.nav-label{font-size:12px}.nav>a{font-size:13px}.layout{display:flex;flex-direction:column;padding:22px 14px;gap:18px}.directory{width:100%;order:0;scroll-margin-top:18px}.sidebar{width:100%;display:none}.filters-open .sidebar{display:grid;order:-1}.filters-open .connections-panel,.filters-open .sidebar-footer{display:none}.filter-panel{max-height:55vh;overflow:auto}.filter-panel summary{padding:15px 0}.mobile-filters{display:block;border:1px solid #ffffff55;background:#ffffff15;color:white;border-radius:5px;font-size:12px;padding:7px 10px}.directory-heading{flex-wrap:nowrap;align-items:center;gap:10px}.eyebrow{font-size:9px;letter-spacing:1.3px}.sort-label select{max-width:133px;font-size:12px;padding-left:10px;padding-right:8px}h1{font-size:23px;gap:8px}h1>span{font-size:11px;padding:4px 8px}.cards{gap:10px}.profile-link{padding:20px 9px 16px;min-height:230px}.person-card h2{font-size:14px}.job-title,.company{font-size:12px}.card-location{font-size:10px}.avatar{width:75px;height:75px;font-size:25px}.connections-panel{display:block}.profile-content{padding:0 22px 22px}.profile-content h2{font-size:24px}.directory-footer{font-size:11px}.directory-toolbar{margin:16px 0}.filter-heading h2{font-size:15px}dialog{max-height:94dvh}.toast{bottom:12px;font-size:13px}.sidebar-footer{padding:0}.directory-heading h1{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:600px){.sidebar{display:grid;order:1}.sidebar .filter-panel{display:none}.filters-open .sidebar{order:-1}.filters-open .sidebar .filter-panel{display:block}.sidebar .connections-panel{display:block}.filters-open .sidebar .connections-panel{display:none}}

.avatar{position:relative;overflow:hidden}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar img[hidden]{display:none}.professional-profile{display:block;text-align:center;color:var(--purple);font-size:14px;font-weight:600;margin-top:15px;padding:8px}.professional-profile:hover{text-decoration:underline}
