.community-hub-page{max-width:1060px;margin:0 auto;padding:22px 10px 40px}
.community-hub-hero{position:relative;overflow:hidden;margin-bottom:20px;padding:18px 6px 22px;background:radial-gradient(ellipse at 80% 0,rgba(0,126,255,.19),transparent 48%)}
.community-hub-hero:after{content:"";position:absolute;right:2%;top:-120px;width:340px;height:340px;border:1px solid rgba(27,139,255,.25);border-radius:50%;box-shadow:0 0 80px rgba(0,110,255,.2),inset 0 0 80px rgba(0,110,255,.12);pointer-events:none}
.community-hub-hero>span{display:block;color:#00d8ff;font-size:12px;font-weight:800;letter-spacing:.08em}
.community-hub-hero h1{position:relative;z-index:1;margin:6px 0 12px;color:#fff;font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-.04em}
.community-hub-hero h1 em{color:#00bbed;font-style:normal}
.community-hub-hero p{position:relative;z-index:1;max-width:760px;margin:0;color:#b6d1ee;font-size:14px;line-height:1.6}
.community-hub-cards{display:grid;gap:12px}
.community-card{--card-accent:#2296ff;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:22px;width:100%;min-height:108px;padding:16px 20px;text-align:left;color:#fff;border:1px solid color-mix(in srgb,var(--card-accent) 70%,transparent);border-radius:16px;background:linear-gradient(115deg,color-mix(in srgb,var(--card-accent) 13%,#030913),#030913 72%);box-shadow:inset 2px 0 var(--card-accent),0 14px 34px rgba(0,0,0,.24);transition:border-color .18s,box-shadow .18s,transform .18s}
.community-card:hover,.community-card.is-active{transform:translateY(-1px);border-color:var(--card-accent);box-shadow:inset 3px 0 var(--card-accent),0 0 25px color-mix(in srgb,var(--card-accent) 24%,transparent)}
.community-card:focus-visible,.community-drawer button:focus-visible{outline:2px solid #e4f8ff;outline-offset:3px}
.community-card--cyan{--card-accent:#00dcf5}.community-card--violet{--card-accent:#bd40f8}.community-card--green{--card-accent:#00e0b2}.community-card--gold{--card-accent:#ffc628}
.community-card-icon{display:grid;width:72px;height:72px;place-items:center;color:var(--card-accent);border:1px solid var(--card-accent);border-radius:15px;background:color-mix(in srgb,var(--card-accent) 15%,#06101c);box-shadow:inset 0 0 20px color-mix(in srgb,var(--card-accent) 18%,transparent)}
.community-card-icon svg{width:38px;height:38px}
.community-card-copy{display:grid;gap:5px;min-width:0}
.community-card-copy strong{font-size:21px;line-height:1.15}
.community-card-copy>span:not(.community-card-status){max-width:480px;color:#b6d1ee;font-size:12px;line-height:1.45}
.community-card-status{width:max-content;max-width:100%;margin-top:3px;color:#ffd24a;font-size:10px;font-weight:800;letter-spacing:.04em}
.community-card-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;min-width:160px;padding:12px 14px;color:var(--card-accent);border:1px solid var(--card-accent);border-radius:12px;background:color-mix(in srgb,var(--card-accent) 8%,#030913);font-size:12px;font-weight:800;white-space:nowrap}
.community-card-cta span{font-size:23px;font-weight:400;line-height:0}
.community-drawer-layer{position:fixed;inset:var(--header) 0 0 auto;z-index:60;width:min(660px,48vw);pointer-events:none}
.community-drawer{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;pointer-events:auto;border-left:1px solid rgba(255,198,40,.48);border-radius:16px 0 0 0;background:linear-gradient(130deg,#10110d,#03080e 48%);box-shadow:-28px 0 80px rgba(0,0,0,.78),0 0 30px rgba(255,198,40,.08)}
.community-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 15px;border-bottom:1px solid rgba(255,255,255,.1)}
.community-drawer-kicker{color:#ffc628;font-size:10px;font-weight:800;letter-spacing:.12em}
.community-drawer-header h2{margin:6px 0 0;font-size:22px;line-height:1.15}
.community-drawer-close{flex:0 0 38px;width:38px;height:38px;color:#eaf4ff;border:1px solid rgba(180,210,240,.35);border-radius:50%;background:#080d13;font-size:27px;line-height:1}
.community-drawer-switch{display:flex;gap:7px;overflow-x:auto;flex:0 0 auto;padding:12px 22px;border-bottom:1px solid rgba(255,255,255,.08);scrollbar-width:thin}
.community-drawer-switch button{flex:0 0 auto;padding:8px 11px;color:#a9c2da;border:1px solid rgba(90,135,170,.3);border-radius:9px;background:#071019;font-size:10px;font-weight:700}
.community-drawer-switch button[aria-current=true]{color:#ffd659;border-color:#d9a800;background:#5a410017}
.community-drawer .community-drawer-content{flex:1;min-height:0;height:auto;overflow-y:auto;padding:20px 22px 30px;background:transparent}
.community-drawer-content .page-head h1{font-size:24px}
.community-drawer-content .our-socials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.community-drawer-content .our-social-card{min-height:190px;padding:14px;gap:10px}
.community-drawer-content .support-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.community-drawer-content .club-workspace{grid-template-columns:145px minmax(0,1fr)}
.community-drawer-content .club-discover{display:none}
.community-drawer-content .club-hero{padding:18px;margin-bottom:12px}
.community-drawer-content .club-hero h1{font-size:28px}
.community-drawer-content .club-hub-link{display:none}
.community-drawer-content .club-rooms{padding:10px 6px}
.community-drawer-content .club-conversation{height:min(700px,calc(100dvh - 290px));min-height:430px}
.community-drawer-content .chat-shell{height:calc(100dvh - 265px);min-height:360px}
.community-drawer-content .message-list{max-height:none}
.community-drawer-content .ticket-row{grid-template-columns:minmax(0,1fr) auto}
.community-drawer-content .ticket-row span{grid-column:1/-1}
body.community-drawer-open #community-hub-main{padding-right:calc(min(660px,48vw) + 18px)}
body.community-drawer-open .support-assistant{display:none}
@media(max-width:1250px){.community-drawer-layer{width:min(700px,calc(100vw - var(--sidebar)))}body.community-drawer-open #community-hub-main{padding-right:18px}.community-drawer{border-radius:0}}
@media(max-width:768px){.community-hub-page{padding:8px 2px 28px}.community-hub-hero{padding:14px 4px 20px}.community-hub-hero h1{font-size:42px}.community-hub-hero p{font-size:12px}.community-card{grid-template-columns:52px minmax(0,1fr);gap:12px;min-height:96px;padding:12px}.community-card-icon{width:52px;height:52px}.community-card-icon svg{width:29px;height:29px}.community-card-copy strong{font-size:17px}.community-card-copy>span:not(.community-card-status){font-size:11px}.community-card-cta{grid-column:2;justify-self:start;min-width:0;padding:7px 10px;font-size:10px}.community-drawer-layer{inset:60px 0 0;width:100vw}.community-drawer .community-drawer-content{height:auto;min-height:0;overflow-y:auto;padding:14px 12px 24px}.community-drawer-content .our-socials-grid,.community-drawer-content .support-topic-grid{grid-template-columns:1fr}.community-drawer-content .our-social-card{min-height:0}.community-drawer-content .club-workspace{display:block}.community-drawer-content .club-rooms{display:none}.community-drawer-content .club-mobile-room{display:flex}.community-drawer-content .club-conversation{height:calc(100dvh - 305px);min-height:350px}.community-drawer-content .chat-shell{height:calc(100dvh - 270px);min-height:320px}body.community-drawer-open{overflow:hidden}body.community-drawer-open #community-hub-main{padding-right:11px}}
@media(max-width:430px){.community-card-copy strong{font-size:15px}.community-card-copy>span:not(.community-card-status){font-size:10px}.community-drawer-header{padding:14px 15px}.community-drawer-switch{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.community-card{transition:none}}


.community-drawer-actions{display:flex;flex:0 0 auto;gap:8px}
.community-drawer-size{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;color:#eaf4ff;border:1px solid rgba(180,210,240,.35);border-radius:10px;background:#080d13;font-size:22px;line-height:1}
.community-drawer-size:hover,.community-drawer-close:hover{border-color:#ffc628;color:#ffd659}
.community-drawer-layer.is-expanded{position:fixed;inset:0;z-index:120;width:100vw;height:100dvh;display:grid;place-items:center;padding:3vh 2vw;pointer-events:auto;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}
.community-drawer-layer.is-expanded .community-drawer{width:100%;height:100%;max-width:1840px;min-height:0;border:1px solid rgba(255,198,40,.55);border-radius:18px;box-shadow:0 28px 100px rgba(0,0,0,.85),0 0 45px rgba(255,198,40,.12)}
.community-drawer-layer.is-expanded .community-drawer-header{flex:0 0 auto;align-items:center;padding:18px 24px}
.community-drawer-layer.is-expanded .community-drawer-switch{flex:0 0 auto;padding:12px 24px}
.community-drawer-layer.is-expanded .community-drawer-content{flex:1;min-height:0;overflow:hidden;padding:20px 26px 24px}
.community-drawer-layer.is-expanded .community-drawer-content>.page-head{flex:0 0 auto}
.community-drawer-layer.is-expanded.is-chat .community-drawer-content{display:flex;flex-direction:column;gap:14px}
.community-drawer-layer.is-expanded.is-chat .community-drawer-content>.page-head{max-width:1040px;width:100%;margin:0 auto}
.community-drawer-layer.is-expanded.is-chat .community-drawer-content .chat-shell{display:grid;flex:1;min-height:0;height:auto;max-width:1320px;width:100%;margin:0 auto;grid-template-rows:minmax(0,1fr) auto}
.community-drawer-layer.is-expanded.is-chat .community-drawer-content .message-list{min-height:0;max-height:none;align-content:start;gap:12px;padding:18px 22px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.community-drawer-layer.is-expanded.is-chat .community-drawer-content .message-card{padding:14px 16px;border-radius:10px}
.community-drawer-layer.is-expanded.is-chat .community-drawer-content .message-meta strong{font-size:15px}
.community-drawer-layer.is-expanded.is-chat .community-drawer-content .message-meta span{font-size:12px}
.community-drawer-layer.is-expanded.is-chat .community-drawer-content .message-content{font-size:16px;line-height:1.65}
.community-drawer-layer.is-expanded.is-chat .community-drawer-content .chat-compose{position:relative;z-index:1;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 16px;background:#05070a}
.community-drawer-layer.is-expanded.is-chat .community-drawer-content .chat-compose textarea{min-height:54px;font-size:15px}
.community-drawer-layer.is-expanded.is-chat .community-drawer-content .chat-compose button{min-width:108px}
body.community-drawer-expanded{overflow:hidden}
@media(max-width:768px){.community-drawer-layer.is-expanded{padding:0;background:rgba(0,0,0,.86);backdrop-filter:none}.community-drawer-layer.is-expanded .community-drawer{max-width:none;border:0;border-radius:0}.community-drawer-layer.is-expanded .community-drawer-header{padding:12px 14px}.community-drawer-layer.is-expanded .community-drawer-switch{padding:10px 12px}.community-drawer-layer.is-expanded .community-drawer-content{padding:12px 10px 14px}.community-drawer-layer.is-expanded.is-chat .community-drawer-content{gap:8px}.community-drawer-layer.is-expanded.is-chat .community-drawer-content .chat-shell{min-height:0}.community-drawer-layer.is-expanded.is-chat .community-drawer-content .message-list{gap:9px;padding:10px}.community-drawer-layer.is-expanded.is-chat .community-drawer-content .message-card{padding:11px}.community-drawer-layer.is-expanded.is-chat .community-drawer-content .message-content{font-size:15px}.community-drawer-layer.is-expanded.is-chat .community-drawer-content .chat-compose{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px}.community-drawer-layer.is-expanded.is-chat .community-drawer-content .chat-compose button{min-width:70px}}
@media(prefers-reduced-motion:reduce){.community-drawer-layer,.community-drawer{transition:none}}

@media(min-width:769px) and (max-width:1440px){body.community-drawer-open #community-hub-main .community-card{grid-template-columns:52px minmax(0,1fr);gap:12px;min-height:92px;padding:12px}body.community-drawer-open #community-hub-main .community-card-icon{width:52px;height:52px}body.community-drawer-open #community-hub-main .community-card-icon svg{width:29px;height:29px}body.community-drawer-open #community-hub-main .community-card-copy strong{font-size:15px}body.community-drawer-open #community-hub-main .community-card-copy>span:not(.community-card-status){font-size:10px}body.community-drawer-open #community-hub-main .community-card-cta{grid-column:2;justify-self:start;min-width:0;padding:6px 10px;font-size:9px}body.community-drawer-open #community-hub-main .community-card-cta span{font-size:18px}}