.community-page {
    padding-top: calc(var(--nav-height, 80px) + 36px);
    padding-bottom: 100px;
    min-height: 100vh;
}
.community-hero { text-align: center; margin-bottom: 40px; }
.community-hero h1 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.4rem, 6vw, 4.2rem); letter-spacing: .04em; }
.community-profile {
    max-width: 560px; margin: 0 auto 48px; padding: 22px;
    background: rgba(12, 10, 32, .72); border: 1px solid var(--glass-border, rgba(255,255,255,.08));
    border-radius: 18px; display: flex; gap: 16px; align-items: center;
}
.community-profile img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.community-profile .grade {
    display: inline-flex; align-items: center; gap: 8px;
    margin-top: 6px; font-weight: 700; font-size: .9rem;
}
.community-profile .grade.premium { color: #7dd3fc; }
.community-profile .grade.ultra { color: #e9d5ff; }
.community-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
}
@media (max-width: 900px) { .community-grid { grid-template-columns: 1fr; } }
.offer-card {
    background: rgba(12, 10, 32, .72); border: 1px solid rgba(255,255,255,.08);
    border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 12px;
}
.offer-card.featured { border-color: rgba(168, 85, 247, .55); }
.offer-card h3 { margin: 0; font-size: 1.25rem; }
.offer-card .price { font-size: 1.5rem; font-weight: 800; color: #c4b5fd; }
.offer-card ul { margin: 0; padding-left: 18px; color: rgba(255,255,255,.65); line-height: 1.6; }
.offer-card .offer-actions { margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
.community-msg { text-align: center; margin: 12px 0 28px; color: #86efac; }
.community-msg.err { color: #fca5a5; }
.community-roles { margin: 6px 0 0; font-size: .8rem; color: rgba(255,255,255,.55); }
.community-tabs {
    display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;
    margin: 0 auto 22px; max-width: 860px;
}
.community-tab {
    background: rgba(12, 10, 32, .72); border: 1px solid rgba(255,255,255,.1);
    color: #fff; border-radius: 999px; padding: 10px 16px; cursor: pointer; font-weight: 600;
}
.community-tab.active { border-color: rgba(168, 85, 247, .7); background: rgba(168, 85, 247, .18); }
.community-tab.locked { opacity: .55; }
.community-panel { max-width: 720px; margin: 0 auto 48px; }
.community-pane, .community-locked {
    background: rgba(12, 10, 32, .72); border: 1px solid rgba(255,255,255,.08);
    border-radius: 18px; padding: 24px;
}
.community-pane ul { color: rgba(255,255,255,.7); line-height: 1.7; }
.community-locked { text-align: center; color: rgba(255,255,255,.7); }
.community-locked i { display: block; font-size: 1.4rem; margin-bottom: 10px; color: #c4b5fd; }