.page.svelte-1njrt3e{padding-block:var(--space-12) var(--space-24)}.page-header.svelte-1njrt3e{max-width:760px;margin-bottom:var(--space-8)}.page-header.svelte-1njrt3e p:where(.svelte-1njrt3e){color:var(--text-secondary);margin-top:var(--space-3)}.modes.svelte-1njrt3e{gap:var(--space-4);flex-direction:column;display:flex}.mode.svelte-1njrt3e{scroll-margin-top:var(--space-8)}.mode-banner.svelte-1njrt3e{aspect-ratio:21/7;background:var(--brand-surface);color:var(--brand);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mode-banner.svelte-1njrt3e img:where(.svelte-1njrt3e){object-fit:cover;width:100%;height:100%}.mode-icon-badge.svelte-1njrt3e{top:var(--space-3);left:var(--space-3);border-radius:var(--radius-control);background:var(--scrim);border:1px solid var(--border-hover);width:36px;height:36px;color:var(--brand);justify-content:center;align-items:center;display:flex;position:absolute}.mode-banner-overlay.svelte-1njrt3e{padding:var(--space-3) var(--space-4);padding-top:var(--space-10);background:linear-gradient(to top, var(--scrim-strong) 0%, var(--scrim) 45%, transparent 100%);position:absolute;bottom:0;left:0;right:0}.mode-banner-overlay.svelte-1njrt3e h2:where(.svelte-1njrt3e){color:var(--text-primary);margin-bottom:0}.mode-body.svelte-1njrt3e{gap:var(--space-6);padding:var(--space-6);flex-direction:column;display:flex}.mode-main.svelte-1njrt3e p:where(.svelte-1njrt3e){color:var(--text-secondary)}.features.svelte-1njrt3e{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.features.svelte-1njrt3e li:where(.svelte-1njrt3e){align-items:center;gap:var(--space-2);font-size:var(--font-small);color:var(--text-secondary);display:flex}.features.svelte-1njrt3e svg{color:var(--brand);flex-shrink:0}.mode-join.svelte-1njrt3e{gap:var(--space-1);padding-top:var(--space-6);border-top:1px solid var(--border);flex-direction:column;display:flex}.mode-join.svelte-1njrt3e p:where(.svelte-1njrt3e){color:var(--text-secondary)}@media (width>=1024px){.mode-body.svelte-1njrt3e{flex-direction:row;justify-content:space-between}.mode-main.svelte-1njrt3e{flex:1}.mode-join.svelte-1njrt3e{padding-top:0;padding-left:var(--space-8);border-top:none;border-left:1px solid var(--border);min-width:240px}}
