.community-section{padding:64px max(24px,6vw);background:#142641;border-block:3px solid #091526;scroll-margin-top:90px}
.community-section .section-heading p{max-width:390px;color:#c8d7e8}.community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.community-card{--portal:#99eeff;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:265px;padding:24px;background:#203953;border:2px solid #71c3d5;border-radius:22px;box-shadow:0 6px 0 #091526;color:#fff;text-decoration:none;transition:transform .15s,border-color .15s}
.community-card:nth-child(3n+2){--portal:#ffa2d8;background:#3a2850;border-color:#c77daa}.community-card:nth-child(3n){--portal:#c4ff53;background:#263d36;border-color:#89b86c}
.community-card:hover,.community-card:focus-visible{transform:translateY(-4px);border-color:var(--portal)}.community-card img{height:64px;width:64px;object-fit:contain;margin-bottom:20px}.community-kind{font-size:11px;font-weight:900;color:var(--portal)}.community-card h3{font-size:26px;line-height:1.1;overflow-wrap:anywhere;margin:10px 0 24px}.community-enter{font-weight:900;font-size:13px;margin-top:auto;color:var(--portal)}
.community-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px}.community-actions p{flex:1 1 240px;color:#c8d7e8;font-size:13px}.community-actions [hidden]{display:none}.community-actions button:disabled{opacity:.6}.community-build{font-size:13px;font-weight:900;color:#c4ff53}
@media(max-width:1000px){.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.community-section{padding:40px 22px}.community-grid{grid-template-columns:1fr}.community-card{min-height:230px}.community-actions .button{width:100%}}
.community-card:has(.community-cover){padding:0 0 22px;overflow:hidden;gap:0}
.community-card img.community-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0 0 0}
.community-card:has(.community-cover) img.community-logo{width:64px;height:64px;margin:-26px 20px 14px;border:4px solid #203953;border-radius:16px;background:#14213a;position:relative;object-fit:contain}
.community-card:has(.community-cover) :is(.community-kind,h3,.community-enter){margin-left:20px;margin-right:20px}