.community-section{background:radial-gradient(900px 420px at 8% 0%, #2aabee29, transparent 55%), radial-gradient(700px 360px at 92% 100%, #ff7a001a, transparent 50%), var(--bg-elevated,#0c0c10);position:relative;overflow:hidden}.community-section__layout{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.community-section__copy{min-width:0}.community-section .community-section__header{text-align:left;max-width:none;margin-bottom:1.1rem}.community-section__header .section-subtitle{margin:0}.community-section__title{margin:0 0 .85rem}.community-section__lead{max-width:38rem;color:var(--muted);margin:0 0 1.35rem;font-size:clamp(.95rem,2.2vw,1.08rem);line-height:1.65}.community-section__perks{grid-template-columns:1fr 1fr;gap:.7rem 1rem;margin:0 0 1.65rem;padding:0;list-style:none;display:grid}.community-section__perk{color:var(--text);align-items:flex-start;gap:.55rem;font-size:.9rem;line-height:1.45;display:flex}.community-section__perk-icon{color:#2aabee;background:#2aabee29;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:flex}.community-section__actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.community-section__join{color:#fff;background:linear-gradient(135deg,#2aabee,#1b8ec7);border-radius:14px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;padding:.75rem 1.35rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .2s,filter .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 28px #229ed952}.community-section__join:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 32px #229ed966}.community-section__join:active{transform:translateY(0)}.community-section__hint{color:var(--muted);font-size:.82rem}.community-section__preview{min-width:0;position:relative}.community-preview{background:linear-gradient(#121822eb,#0a0c10f5);border:1px solid #2aabee47;border-radius:22px;padding:1rem 1rem 1.1rem;position:relative;overflow:hidden;box-shadow:0 24px 48px -16px #0000008c,inset 0 1px #ffffff0f}.community-preview__glow{filter:blur(40px);pointer-events:none;background:#2aabee38;border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -20% -30% auto}.community-preview__head{border-bottom:1px solid #ffffff14;align-items:center;gap:.75rem;margin-bottom:.85rem;padding-bottom:.85rem;display:flex;position:relative}.community-preview__avatar{color:#fff;background:linear-gradient(135deg,#2aabee,#229ed9);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 6px 16px #2aabee66}.community-preview__name{color:#fff;margin:0;font-size:.98rem;font-weight:700}.community-preview__meta{color:#94a3b8;margin:.15rem 0 0;font-size:.75rem}.community-preview__live{letter-spacing:.04em;text-transform:uppercase;color:#4ade80;align-items:center;gap:.35rem;margin-left:auto;font-size:.7rem;font-weight:700;display:inline-flex}.community-preview__live:before{content:"";background:#4ade80;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4ade802e}.community-preview__thread{flex-direction:column;gap:.7rem;display:flex;position:relative}.community-preview__bubble{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:14px 14px 14px 5px;max-width:92%;padding:.65rem .8rem}.community-preview__bubble--accent{background:linear-gradient(135deg,#2aabee47,#2aabee1f);border-color:#2aabee38;border-radius:14px 14px 5px;align-self:flex-end}.community-preview__who{color:#2aabee;margin-bottom:.2rem;font-size:.7rem;font-weight:700;display:block}.community-preview__bubble p{color:#e4e4e7;margin:0;font-size:.84rem;line-height:1.5}.community-join-bar{color:inherit;background:linear-gradient(135deg,#2aabee24,#2aabee0a);border:1px solid #2aabee47;border-radius:16px;align-items:center;gap:.75rem;padding:.75rem .9rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.community-join-bar:hover{border-color:#2aabee73;transform:translateY(-1px);box-shadow:0 10px 24px #2aabee1f}.community-join-bar__icon{color:#fff;background:linear-gradient(135deg,#2aabee,#229ed9);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #2aabee59}.community-join-bar__body{flex:1;min-width:0}.community-join-bar__title{margin:0;font-size:.92rem;font-weight:700}.community-join-bar__text{color:var(--muted);margin:.15rem 0 0;font-size:.78rem;line-height:1.4}.community-join-bar__cta{color:#2aabee;white-space:nowrap;flex-shrink:0;font-size:.78rem;font-weight:700}.community-join-bar--chat{border-radius:12px;flex-shrink:0;margin:.55rem .85rem 0;padding:.55rem .7rem}.community-join-bar--chat .community-join-bar__icon{border-radius:10px;width:34px;height:34px}.community-join-bar--chat .community-join-bar__title{font-size:.82rem}.community-join-bar--chat .community-join-bar__text{font-size:.72rem}[data-theme=light] .community-preview{background:linear-gradient(#fff,#f4f7fb);border-color:#229ed938;box-shadow:0 20px 40px -18px #0f172a2e}[data-theme=light] .community-preview__name,[data-theme=light] .community-preview__bubble p{color:#0f172a}[data-theme=light] .community-preview__bubble{background:#eef3f8;border-color:#0f172a0f}[data-theme=light] .community-preview__head{border-bottom-color:#0f172a14}@media (max-width:900px){.community-section__layout{grid-template-columns:1fr}.community-section__preview{order:-1;max-width:480px}}@media (max-width:640px){.community-section__perks{grid-template-columns:1fr}.community-section__actions{flex-direction:column;align-items:stretch}.community-section__join{width:100%}.community-join-bar{align-items:flex-start}.community-join-bar__cta{display:none}}@media (prefers-reduced-motion:reduce){.community-section__join:hover,.community-join-bar:hover{transform:none}}