/* Independent of the main component bundle, including its fonts and providers. */
.club-recovery { box-sizing: border-box; min-height: 100svh; display: grid; place-items: center; padding: 24px; background: var(--theme-canvas, #06152e); color: var(--theme-ink, #eaf3ff); font: 16px/1.6 system-ui, sans-serif; }
.club-recovery-panel { box-sizing: border-box; width: min(100%, 520px); padding: clamp(24px, 5vw, 42px); border: 1px solid var(--theme-line, #34699c); border-radius: 20px; background: var(--theme-elevated, #0d2340); box-shadow: var(--theme-shadow, 0 16px 48px #0004); }
.club-recovery-brand { display: block; color: var(--theme-link, #89ccff); font-weight: 650; margin-block-end: 18px; }
.club-recovery h1 { font-size: clamp(26px, 5vw, 34px); line-height: 1.25; margin: 0 0 16px; }
.club-recovery p { color: var(--theme-muted, #bcd3ed); margin: 0 0 22px; }
.club-recovery-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.club-recovery-actions a, .club-recovery-actions button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 16px; border: 1px solid var(--theme-accent, #57baff); border-radius: 9px; color: var(--theme-on-accent, #fff); background: var(--theme-accent, #0659c7); font: inherit; text-decoration: none; cursor: pointer; }
.club-recovery-actions a:last-child { color: var(--theme-link, #bde7ff); background: transparent; }
.club-recovery-actions :focus-visible { outline: 3px solid var(--theme-accent, #5df2ff); outline-offset: 4px; }