/* HUB V333 Community Experience */
.hub333-community-hero{background:linear-gradient(135deg,#eef9ff 0%,#fff 46%,#f7fbff 100%);border-bottom:1px solid rgba(18,91,130,.12)}
.hub333-community-wrap{max-width:1180px;margin:0 auto;padding:52px 18px}.hub333-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(25,120,180,.2);background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;color:#0c5276;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.hub333-community-wrap h1{font-size:clamp(2.25rem,5vw,4.2rem);line-height:.95;margin:18px 0 14px;color:#0b1722}.hub333-lead{max-width:760px;font-size:1.15rem;color:#334155;line-height:1.65}.hub333-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hub333-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:13px 18px;font-weight:900;text-decoration:none;background:#0f7dbc;color:#fff;box-shadow:0 14px 28px rgba(15,125,188,.18)}.hub333-btn.secondary{background:#fff;color:#0f2742;border:1px solid rgba(15,39,66,.16);box-shadow:none}.hub333-section{max-width:1180px;margin:0 auto;padding:34px 18px}.hub333-section h2{font-size:clamp(1.55rem,3vw,2.4rem);margin:0 0 10px;color:#0b1722}.hub333-section>p{color:#475569;line-height:1.65;max-width:800px}.hub333-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.hub333-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.hub333-card{display:block;background:#fff;border:1px solid rgba(15,39,66,.12);border-radius:22px;padding:22px;text-decoration:none;color:#0f172a;box-shadow:0 16px 42px rgba(15,39,66,.07)}.hub333-card:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(15,39,66,.11)}.hub333-card b{display:inline-flex;min-width:36px;height:36px;border-radius:12px;background:#e8f7ff;color:#0f7dbc;align-items:center;justify-content:center;margin-bottom:12px}.hub333-card h3{margin:0 0 8px;font-size:1.18rem}.hub333-card p{margin:0;color:#526176;line-height:1.55}.hub333-card ul{margin:12px 0 0;padding-left:18px;color:#475569;line-height:1.55}.hub333-template{background:#0b1722;color:#dbeafe;border-radius:26px;padding:26px;margin-top:20px}.hub333-template h3{color:#fff;margin-top:0}.hub333-template code,.hub333-template pre{white-space:pre-wrap;color:#dbeafe;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.93rem;line-height:1.55}.hub333-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.hub333-shot{background:linear-gradient(135deg,#0f2742,#152c49);border-radius:20px;min-height:160px;padding:18px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 16px 32px rgba(15,39,66,.15)}.hub333-shot span{font-weight:900}.hub333-shot small{color:#bfdbfe;margin-top:6px}.hub333-note{border-left:5px solid #0f7dbc;background:#eef9ff;padding:16px 18px;border-radius:16px;color:#0f2742;margin:20px 0}.hub333-rules{counter-reset:item;display:grid;gap:12px;margin-top:20px}.hub333-rule{background:#fff;border:1px solid rgba(15,39,66,.11);border-radius:18px;padding:16px 18px;color:#334155}.hub333-rule:before{counter-increment:item;content:counter(item);display:inline-flex;width:28px;height:28px;border-radius:999px;align-items:center;justify-content:center;background:#0f7dbc;color:#fff;font-weight:900;margin-right:10px}.hub333-breadcrumb{font-size:.9rem;color:#64748b;margin-bottom:16px}.hub333-breadcrumb a{color:#0f7dbc;text-decoration:none;font-weight:800}@media(max-width:850px){.hub333-grid,.hub333-grid.two,.hub333-showcase{grid-template-columns:1fr}.hub333-community-wrap{padding-top:34px}.hub333-card{padding:18px}}