.groups-page{display:grid;gap:2.5rem;width:min(var(--public-container, 1440px),calc(100% - 2rem));margin-inline:auto;padding-bottom:4rem}.groups-hero{position:relative;padding:3rem 2.5rem 0;border-radius:1.75rem;background:linear-gradient(160deg,#001f40,#003466 60%,#0f4080);color:#f8fafc;overflow:hidden;isolation:isolate}.groups-hero:after{content:"";position:absolute;top:-40%;right:-10%;width:55%;aspect-ratio:1;background:radial-gradient(circle,rgba(125,184,255,.12) 0%,transparent 70%);pointer-events:none;z-index:0}.groups-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;max-width:52rem;margin:0 auto;padding-bottom:2.5rem}.groups-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;border-radius:999px;background:#7db8ff26;border:1px solid rgba(125,184,255,.25);color:#a5ceff;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.groups-hero h1{margin:0;font-family:Manrope,Inter,sans-serif;font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.06;letter-spacing:-.04em;color:#fff;text-wrap:balance}.groups-hero p{margin:0;max-width:44ch;font-size:1rem;line-height:1.65;color:#ffffffad}.groups-hero__search{display:flex;align-items:center;gap:.4rem;width:min(100%,48rem);padding:.4rem .4rem .4rem 1.25rem;border-radius:1rem;background:#fff;box-shadow:0 20px 48px #00000040}.groups-hero__search-field{display:flex;align-items:center;gap:.65rem;flex:1}.groups-hero__search-field .material-symbols-outlined{color:#9aa6b4;font-size:1.2rem;flex-shrink:0}.groups-hero__search-field input{width:100%;min-height:2.9rem;border:none;background:transparent;color:#191c1e;font-size:.95rem;outline:none}.groups-hero__search-field input::placeholder{color:#9aa6b4}.groups-hero__search-btn{min-height:2.9rem;padding:0 1.25rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,#003466,#1a4b84);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .16s ease}.groups-hero__search-btn:hover{opacity:.88}.groups-stats-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:0;border-top:1px solid rgba(255,255,255,.1);padding:0 2.5rem}.groups-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:1.25rem 3rem;text-align:center}.groups-stat strong{font-family:Manrope,Inter,sans-serif;font-size:1.8rem;font-weight:800;color:#fff;line-height:1}.groups-stat span{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80}.groups-stat-sep{width:1px;height:2.5rem;background:#ffffff1f}.groups-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.group-card{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid rgba(195,198,209,.3);background:#fff;box-shadow:0 4px 16px #191c1e0d;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s cubic-bezier(.22,.61,.36,1);animation:cardFadeUp .5s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--group-card-delay, 0ms)}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.group-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #191c1e1f}.group-card:before{content:"";position:absolute;inset:0 0 auto;height:.28rem;background:var(--group-card-hero, linear-gradient(135deg, #003466, #1a4b84));z-index:2}.group-card__media{display:block;overflow:hidden;position:relative;text-decoration:none;height:200px}.group-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.22,.61,.36,1)}.group-card:hover .group-card__media img{transform:scale(1.05)}.group-card__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.15),transparent 50%);pointer-events:none}.group-card__placeholder{width:100%;height:100%;background:var(--group-card-hero, linear-gradient(135deg, #003466, #1a4b84));opacity:.22}.group-card__body{display:flex;flex-direction:column;gap:.55rem;padding:1.25rem}.group-card__meta{display:inline-flex;align-items:center;gap:.3rem;color:#6a7e93;font-size:.78rem;font-weight:600}.group-card__meta .material-symbols-outlined{font-size:.9rem;color:var(--group-card-secondary, #1a4b84)}.group-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:Manrope,Inter,sans-serif;font-size:1.15rem;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:#191c1e;text-decoration:none;transition:color .18s ease}.group-card__title:hover{color:var(--group-card-primary, #003466)}.group-card__desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:#6a7e93;font-size:.88rem;line-height:1.6}.group-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;padding-top:.85rem;border-top:1px solid rgba(195,198,209,.35);font-size:.83rem}.group-card__count{display:inline-flex;align-items:center;gap:.3rem;color:#9aa6b4;font-weight:500}.group-card__count .material-symbols-outlined{font-size:.95rem}.group-card__cta{display:inline-flex;align-items:center;gap:.15rem;color:var(--group-card-primary, #003466);font-weight:700;text-decoration:none;transition:gap .2s ease,color .2s ease}.group-card__cta:hover{gap:.3rem;color:var(--group-card-secondary, #1a4b84)}.group-card__cta .material-symbols-outlined{font-size:1.1rem}.groups-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;border-radius:1.75rem;border:1px dashed rgba(195,198,209,.5);background:#fafbfc;text-align:center}.groups-empty .material-symbols-outlined{font-size:3rem;color:#c5cfd9}.groups-empty h2{margin:0;font-family:Manrope,Inter,sans-serif;font-size:1.3rem;font-weight:800;color:#003466}.groups-empty p{max-width:36ch;margin:0;color:#6a7e93;line-height:1.65}.groups-empty__cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:.75rem 1.5rem;border-radius:999px;background:linear-gradient(135deg,#003466,#1a4b84);color:#fff;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .16s ease,transform .16s ease;box-shadow:0 8px 20px #0034662e}.groups-empty__cta:hover{opacity:.9;transform:translateY(-1px)}.groups-empty__cta .material-symbols-outlined{font-size:1.1rem;color:#fff}.groups-hero__search-btn:focus-visible,.group-card__title:focus-visible,.group-card__cta:focus-visible,.group-card__media:focus-visible,.groups-empty__cta:focus-visible{outline:2px solid #1a4b84;outline-offset:3px;border-radius:4px}@media(max-width:900px){.groups-hero{padding:2.5rem 2rem 0}.groups-stat{padding:1.25rem 2rem}}@media(max-width:720px){.groups-page{gap:1.75rem;width:min(var(--public-container, 1440px),calc(100% - 1.25rem))}.groups-hero{padding:2rem 1.25rem 0;border-radius:1.25rem}.groups-hero__search{flex-direction:column;align-items:stretch;padding:.75rem;gap:.75rem}.groups-hero__search-btn{width:100%;text-align:center}.groups-stats-bar{padding:0}.groups-stat{padding:1rem}.groups-stat-sep{display:none}.groups-grid{grid-template-columns:1fr;gap:1.25rem}}@media(max-width:400px){.groups-hero h1{font-size:1.9rem}.groups-hero p{font-size:.93rem}}@media(prefers-reduced-motion:reduce){.group-card{animation:none}.group-card,.group-card__media img,.group-card:before,.group-card__cta{transition:none}}