.groupsPage{color:#073f3b;background:#f7f0e5;min-height:100vh;padding:0 max(18px,5vw) 90px}.groupsHero,.groupsBrowser{width:min(1100px,100%);margin:34px auto}.groupsHero small{color:#e45543;letter-spacing:2px;font-weight:900}.groupsHero h1{max-width:850px;margin:10px 0;font-size:clamp(42px,7vw,82px);line-height:.94}.groupsHero em{font-family:Georgia,serif;font-weight:400}.groupsHero p{max-width:650px;font-size:18px;line-height:1.55}.groupsBrowser nav{gap:10px;margin-bottom:22px;display:flex}.groupsBrowser nav button{background:#fff;border:2px solid #073f3b;border-radius:999px;padding:12px 18px;font-weight:900}.groupsBrowser nav button.active{background:#ffd65c;box-shadow:4px 4px #073f3b}.groupsBrowser nav span{margin-left:7px}.groupsBrowser>div{gap:12px;display:grid}.groupsBrowser article{background:#fff;border:1.5px solid #073f3b;border-radius:18px;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px;display:grid}.groupsBrowser article i{color:#fff;background:#1877f2;border-radius:50%;place-items:center;width:46px;height:46px;font:900 24px Arial;display:grid}.groupsBrowser article h2{margin:0 0 5px;font-size:20px}.groupsBrowser article p{margin:0;line-height:1.45}.groupsBrowser article a{color:#073f3b;background:#ff7564;border-radius:999px;padding:10px 15px;font-weight:900;text-decoration:none}.groupsSafety{background:#fff;border-left:7px solid #ffd65c;margin-top:22px;padding:18px}@media (max-width:620px){.groupsPage{padding-inline:14px}.groupsHero h1{font-size:45px}.groupsBrowser article{grid-template-columns:42px minmax(0,1fr)}.groupsBrowser article i{width:40px;height:40px}.groupsBrowser article a{grid-column:2;width:max-content}.groupsBrowser nav button{padding:10px 13px}}.groupsBrowser article>button{color:#073f3b;background:#eee7dc;border:1.5px solid #073f3b;border-radius:999px;padding:10px 15px;font-weight:900}.groupsBrowser article.groupLocked{background:#f3eee6}.groupsBrowser article.groupLocked>div>p{color:#71817d}.groupLock{margin-left:9px;font-size:14px}@media (max-width:620px){.groupsBrowser article>button{grid-column:2;width:max-content}}