:root{color:#fff;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.hero{isolation:isolate;background:#183638;place-items:start center;min-height:100svh;padding:clamp(72px,10vh,120px) 24px;display:grid;position:relative;overflow:hidden}.hero-photo{z-index:-2;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.hero:before{content:"";z-index:-1;background:linear-gradient(#0f1c35c7 0%,#122736c4 48%,#083226eb 100%);position:absolute;inset:0}.hero-content{text-align:center;width:min(100%,1000px)}h1{letter-spacing:-.045em;text-wrap:balance;max-width:920px;margin:0 auto;font-size:clamp(2.4rem,5vw,3.75rem);font-weight:800;line-height:1.12}h1 span{background:linear-gradient(100deg,#53e8a1 4%,#34d9d6 49%,#579cf9 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.intro{color:#e5edf2;text-wrap:pretty;max-width:760px;margin:28px auto 42px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.search-card{text-align:left;color:#23394a;background:linear-gradient(#fffffff5,#fffffff5) padding-box padding-box,linear-gradient(105deg,#4e9dff,#27d4e1 52%,#36d790) border-box;border:2px solid #0000;border-radius:20px;gap:18px;margin-top:42px;padding:28px;display:grid;box-shadow:0 18px 55px #000d1b52}.search-field{position:relative}.search-field svg{color:#708395;pointer-events:none;width:22px;height:22px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}input,select,button{font:inherit}input,select{color:#253a4b;background:#f3f6f8;border:1px solid #dbe3e9;border-radius:10px;width:100%;min-width:0}input{height:56px;padding:0 18px 0 52px;font-size:1rem}input::placeholder{color:#718393;opacity:1}.filter-bar-container{z-index:100;position:relative}.filter-pill-row{flex-wrap:wrap;gap:10px;display:flex}.filter-pill{text-align:center;color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;flex:calc(50% - 5px);justify-content:center;align-items:center;min-width:0;min-height:44px;padding:8px 14px;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out;display:inline-flex;box-shadow:0 1px 2px #0000000d}@media (width>=640px){.filter-pill{flex:1}}.filter-pill:hover{background:#f8fafc;border-color:#cbd5e1}.filter-pill.is-active,.filter-pill.has-value{color:#064e3b;background:#ecfdf5;border-color:#a7f3d0;font-weight:600}.truncate-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.filter-popover{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:16px;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:hidden;box-shadow:0 12px 30px -4px #0000001f,0 4px 6px -2px #0000000d}.popover-header{z-index:10;background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.popover-title{color:#0f172a;flex-shrink:0;font-size:.875rem;font-weight:700}.popover-search{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:38px;padding:0 12px;font-size:.875rem;transition:all .15s}.popover-search:focus{background:#fff;border-color:#6ee7b7;box-shadow:0 0 0 2px #10b98133}.popover-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:18rem;overflow-y:auto}.popover-option{text-align:left;color:#334155;cursor:pointer;background:0 0;border:0;border-top:1px solid #f8fafc;justify-content:space-between;align-items:center;width:100%;padding:11px 16px;font-size:.875rem;transition:background-color .1s;display:flex}.popover-option:first-child{border-top:0}.popover-option:hover{background-color:#f8fafc}.popover-option.is-selected{color:#064e3b;background-color:#ecfdf5;font-weight:600}.popover-option .option-badge{color:#059669;margin-left:8px;font-size:.75rem;font-weight:600}.popover-empty{text-align:center;color:#94a3b8;padding:20px 16px;font-size:.875rem}button{color:#fff;cursor:pointer;background:#2676e7;border:0;border-radius:10px;min-height:52px;font-weight:700}button:hover{background:#155dc4}:is(input,select,button):focus-visible{outline-offset:3px;outline:3px solid #19bbca}.search-status{color:#174d49;background:#e7f6f3;border-radius:8px;margin:0;padding:12px 16px;line-height:1.5}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.group-results{color:#0f172a;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-top:28px;padding:24px 28px 8px}.results-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.results-heading h2{margin:0;font-size:1.15rem}#group-count{color:#64748b;white-space:nowrap;font-size:.85rem}.group-row{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;min-height:88px;padding:14px 0;display:flex}.group-row:last-child{border-bottom:0}.group-avatar{object-fit:cover;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:48px;height:48px}.group-details{flex:1;min-width:0}.group-details h3{margin:0;font-size:.9rem;font-weight:650;line-height:1.4}.group-details p{color:#64748b;margin:4px 0 0;font-size:.85rem;line-height:1.5}.group-actions{color:#64748b;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;font-size:.8rem;display:flex}.group-actions a{color:#fff;background:#047857;border-radius:999px;padding:8px 13px;font-size:.75rem;font-weight:650;text-decoration:none}.group-actions a:hover{background:#065f46}.group-actions a:focus-visible{outline-offset:3px;outline:3px solid #19bbca}@media (width<=650px){.hero{grid-template-columns:minmax(0,1fr);padding:70px 16px 48px}h1{font-size:clamp(2.15rem,9vw,3rem)}.intro{margin:22px auto 30px}.search-card{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}.group-results{padding:20px 16px 4px}.group-details p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filters{grid-template-columns:1fr}select{height:48px}}