.community-page { padding-top:28px; color:var(--mb-c-c0d1c9,#c0d1c9); font:400 15px/1.7 Roboto,sans-serif; }
.community-page * { box-sizing:border-box; }
.community-page .community-breadcrumb { display:flex; gap:10px; flex-wrap:wrap; margin:0 0 26px; color:var(--mb-c-829d8d,#829d8d); font-size:13px; }
.community-page .community-breadcrumb a { color:var(--mb-c-a6c4b2,#a6c4b2); }
.community-page .community-hero { position:relative; overflow:hidden; padding:36px; margin-bottom:28px; border:1px solid var(--mb-c-294737,#294737); border-radius:20px; background:radial-gradient(ellipse at top right,var(--mb-c-204632,#204632) 0,transparent 65%),#101e25; }
.community-page .community-eyebrow { display:block; margin-bottom:10px; color:var(--mb-c-92dca8,#92dca8); font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; }
.community-page h1 { margin:0 0 16px; color:var(--mb-c-f1faf5,#f1faf5); font-size:clamp(28px,4vw,44px); font-weight:750; line-height:1.15; letter-spacing:-1px; }
.community-page h2 { margin:0 0 14px; color:var(--mb-c-e6f4ec,#e6f4ec); font-size:23px; font-weight:650; line-height:1.3; }
.community-page h3 { margin:0 0 10px; color:var(--mb-c-e6f4ec,#e6f4ec); font-size:18px; font-weight:600; line-height:1.4; }
.community-page p { margin:0 0 16px; }
.community-page p:last-child { margin-bottom:0; }
.community-page .community-lead { max-width:720px; font-size:16px; color:var(--mb-c-b4cbbd,#b4cbbd); }
.community-page .community-hero > .fa { float:right; margin:0 0 20px 28px; font-size:62px; color:var(--mb-c-8ce6a8,#8ce6a8); opacity:.7; }
.community-page .community-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }
.community-page a.community-tab { padding:8px 14px; border:1px solid var(--mb-c-375344,#375344); border-radius:8px; color:var(--mb-c-bad2c3,#bad2c3); font-size:13px; transition:background-color .16s,color .16s; }
.community-page a.community-tab[aria-current="page"], .community-page a.community-tab:hover { background:var(--mb-c-294b35,#294b35); color:var(--mb-c-d8ffe5,#d8ffe5); border:1px solid var(--mb-c-5b8d6b,#5b8d6b); }
.community-page .community-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr); gap:24px; align-items:start; }
.community-page .community-stack { display:grid; gap:20px; min-width:0; }
.community-page .community-card { min-width:0; padding:28px; border:1px solid var(--mb-c-253d33,#253d33); border-radius:16px; background:#101c24; }
.community-page .community-card--accent { background:linear-gradient(140deg,var(--mb-c-17382a,#17382a),#101e25); border-color:var(--mb-c-3c604a,#3c604a); }
.community-page .community-card__icon { display:grid; place-items:center; width:42px; height:42px; margin-bottom:20px; border-radius:12px; background:var(--mb-c-254132,#254132); color:var(--mb-c-9fe7b6,#9fe7b6); font-size:20px; }
.community-page a { color:var(--mb-c-a3e7b6,#a3e7b6); }
.community-page .community-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:11px 20px; border:0; border-radius:10px; background:var(--mb-c-8ce6a8,#8ce6a8); color:var(--mb-c-102619,#102619); font:600 14px/1.4 Roboto,sans-serif; text-decoration:none; transition:background-color .16s,color .16s; }
.community-page .community-button:hover, .community-page .community-button:focus { border:0; background:var(--mb-c-b1f2c5,#b1f2c5); color:var(--mb-c-0a2114,#0a2114); }
.community-page .community-button--secondary { background:var(--mb-c-254132,#254132); color:var(--mb-c-c5f2d3,#c5f2d3); }
.community-page .community-button--secondary:hover { background:var(--mb-c-355a42,#355a42); color:#fff; }
.community-page .community-button--wide { width:100%; }
.community-page :focus-visible { outline:2px solid var(--mb-c-b1f2c5,#b1f2c5); outline-offset:3px; }
.community-page .community-steps { counter-reset:steps; display:grid; gap:20px; padding:0; margin:22px 0; }
.community-page .community-steps li { position:relative; padding-left:40px; list-style:none; }
.community-page .community-steps li:before { counter-increment:steps; content:counter(steps,decimal-leading-zero); position:absolute; left:0; top:0; color:var(--mb-c-8ce6a8,#8ce6a8); font-size:13px; font-weight:700; }
.community-page .community-note { margin-top:18px; color:var(--mb-c-92ac9d,#92ac9d); font-size:13px; }
.community-page .community-ad { margin-top:28px; overflow:hidden; }
.community-page .community-section { margin-top:32px; }
.community-page .community-member-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:18px; }
.community-page .community-member { display:flex; flex-direction:column; align-items:center; text-align:center; padding:28px 20px; }
.community-page .community-avatar { width:96px; height:96px; object-fit:cover; border-radius:50%; background:var(--mb-c-1f382c,#1f382c); border:3px solid var(--mb-c-345e43,#345e43); margin-bottom:20px; }
.community-page .community-role { display:inline-block; padding:3px 12px; margin-bottom:12px; border-radius:99px; background:var(--mb-c-243f30,#243f30); color:var(--mb-c-a7e4b9,#a7e4b9); font-size:12px; }
.community-page .community-nickname { color:var(--mb-c-90aa9b,#90aa9b); font-size:13px; overflow-wrap:anywhere; }
.community-page .community-socials { display:flex; justify-content:center; gap:8px; margin-top:16px; }
.community-page .community-socials a { display:grid; place-items:center; width:36px; height:36px; background:var(--mb-c-1f332a,#1f332a); border:0; border-radius:50%; color:var(--mb-c-b6e7c7,#b6e7c7); transition:background-color .16s; }
.community-page .community-socials a:hover { background:var(--mb-c-345b42,#345b42); }
.community-page .community-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.community-page .community-field { min-width:0; }
.community-page .community-field--full { grid-column:1/-1; }
.community-page .community-field label { display:block; margin:0 0 8px; font-size:13px; font-weight:500; color:var(--mb-c-cbe0d2,#cbe0d2); }
.community-page .community-field input, .community-page .community-field textarea { width:100%; min-height:46px; padding:12px 14px; border:1px solid var(--mb-c-355040,#355040); border-radius:9px; background:#0a151c; color:var(--mb-c-ecf7f0,#ecf7f0); font:400 15px/1.5 Roboto,sans-serif; outline:none; box-shadow:none; }
.community-page .community-field input:focus, .community-page .community-field textarea:focus { border-color:var(--mb-c-8ce6a8,#8ce6a8); }
.community-page .community-field textarea { min-height:170px; resize:vertical; }
.community-page .community-field input::placeholder, .community-page .community-field textarea::placeholder { color:var(--mb-c-799284,#799284); }
.community-page .community-validation { color:#ffb5a6; margin-bottom:20px; }
.community-page .validation-summary-valid { display:none; }
.community-page .community-captcha { min-width:0; max-width:100%; padding:4px 0; overflow:visible; container-type:inline-size; }
.community-page .community-captcha .g-recaptcha { transform-origin:top left; }
@container (max-width:303px) {
    .community-captcha .g-recaptcha { transform:scale(.85); height:67px; }
}
@container (max-width:260px) {
    .community-captcha .g-recaptcha { transform:scale(.75); height:59px; }
}
.community-page .community-benefits { display:flex; gap:12px 24px; flex-wrap:wrap; margin-top:22px; padding:0; }
.community-page .community-benefits li { color:var(--mb-c-c8e4d2,#c8e4d2); list-style:none; }
.community-page .community-benefits .fa { margin-right:7px; color:var(--mb-c-8ce6a8,#8ce6a8); }
.community-page .community-plans { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:18px; }
.community-page .community-price { margin:18px 0; color:var(--mb-c-9aebb4,#9aebb4); font-size:32px; font-weight:700; letter-spacing:-1px; }
.community-page .community-plan-options { display:grid; gap:8px; margin:0 0 24px; padding:0; color:var(--mb-c-a9c2b2,#a9c2b2); font-size:14px; }
.community-page .community-bank-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:22px; }
.community-page .community-bank-line { display:flex; align-items:center; gap:12px; margin-top:12px; }
.community-page .community-bank-line span { min-width:0; flex:1; overflow-wrap:anywhere; }
.community-page .community-bank-label { color:var(--mb-c-839f8d,#839f8d); font-size:11px; letter-spacing:1px; text-transform:uppercase; }
.community-page .community-copy { flex:0 0 40px; width:40px; height:40px; border:0; border-radius:8px; color:var(--mb-c-b5efc6,#b5efc6); background:var(--mb-c-23432f,#23432f); }
.community-page .community-copy-status { min-height:24px; margin-top:10px; color:var(--mb-c-a3e7b6,#a3e7b6); font-size:13px; }
.community-page .community-faq { margin-top:12px; padding:0 22px; border:1px solid var(--mb-c-2b4435,#2b4435); border-radius:12px; background:#101e25; }
.community-page .community-faq summary { padding:18px 0; color:var(--mb-c-d9eee1,#d9eee1); font-weight:500; cursor:pointer; }
.community-page .community-faq > div { padding:0 0 22px; color:var(--mb-c-a9c1b2,#a9c1b2); }
.community-page .community-release-list { list-style:disc; padding-left:20px; }
.community-page .community-release-list li { list-style:disc; margin-bottom:8px; }
.community-page .community-install-image { display:block; max-width:100%; width:340px; height:auto; border-radius:12px; margin-top:24px; }
@media(max-width:991px) { .community-page .community-grid { grid-template-columns:1fr; } .community-page .community-member-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
    .community-page { padding-top:20px; }
    .community-page .community-hero { padding:26px 22px; }
    .community-page .community-hero > .fa { font-size:36px; margin-left:14px; }
    .community-page .community-card { padding:22px; }
    .community-page .community-form-grid, .community-page .community-bank-grid, .community-page .community-member-grid { grid-template-columns:1fr; }
    .community-page .community-tabs { gap:6px; }
    .community-page a.community-tab { padding:8px 10px; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .community-page * { transition:none !important; } }