.og-join-box{position:relative;display:flex;gap:18px;align-items:flex-start;margin:20px 0;padding:24px;border:1px solid color-mix(in srgb,var(--oc-accent,#6656D9) 55%,var(--oc-border,#3f434b));border-left:4px solid var(--oc-accent,#6656D9);background:color-mix(in srgb,var(--oc-accent,#6656D9) 7%,var(--oc-surface,#17191d));overflow:hidden}.og-join-box:before{content:"";position:absolute;inset:-25% 0 auto;height:85px;background:linear-gradient(180deg,color-mix(in srgb,var(--oc-accent,#6656D9) 14%,transparent),transparent);pointer-events:none}.og-lock{position:relative;font-size:28px;line-height:1}.og-join-copy{position:relative;min-width:0}.og-kicker{display:block;margin-bottom:4px;color:var(--oc-accent,#6656D9);font-size:11px;font-weight:800;letter-spacing:.09em}.og-join-box h3{margin:0 0 8px;font-size:21px}.og-join-box p{margin:0;line-height:1.55}.og-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.og-primary,.og-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;text-decoration:none!important;font-weight:750}.og-primary{background:var(--oc-accent,#6656D9);color:#fff!important}.og-secondary{border:1px solid var(--oc-border,#4a4f58);color:inherit!important}.og-teaser-text{position:relative;max-height:8.5em;overflow:hidden}.og-teaser-fade{height:54px;margin-top:-54px;position:relative;background:linear-gradient(180deg,transparent,var(--oc-surface,#17191d));pointer-events:none}.og-media-lock{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;margin:12px 0;padding:18px;border:1px dashed color-mix(in srgb,var(--oc-accent,#6656D9) 60%,var(--oc-border,#4a4f58));background:color-mix(in srgb,var(--oc-accent,#6656D9) 6%,transparent);text-align:center}.og-media-lock strong{margin:4px 0}.og-media-lock span:last-child{font-size:13px;opacity:.76}.og-media-icon{font-size:26px;color:var(--oc-accent,#6656D9)}@media(max-width:640px){.og-join-box{padding:18px 15px;gap:11px}.og-lock{font-size:22px}.og-join-box h3{font-size:18px}.og-actions{display:grid}.og-primary,.og-secondary{width:100%}}