@layer components{.recovery-header{padding-block:1rem;border-bottom:1px solid var(--color-border-default)}.recovery-header a{display:inline-flex;align-items:center;min-height:2.75rem}.recovery-main{padding-block:clamp(3rem,8vw,7rem)}.recovery-code{margin-bottom:1rem;color:var(--color-primary);font-family:var(--font-mono);font-size:clamp(4rem,15vw,8rem);font-weight:700;line-height:1;letter-spacing:-.06em}.recovery-main h1{margin-block:1rem;font-size:clamp(1.875rem,4vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-.03em}.recovery-main>p:last-of-type{max-width:58ch;color:var(--color-text-muted);font-size:1rem;line-height:1.9}.recovery-links{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:2rem}.recovery-links a:not(.btn-primary){display:inline-flex;align-items:center;min-height:2.75rem;padding-block:.5rem;color:var(--color-primary);font-size:.875rem;line-height:1.7;text-decoration:underline;text-underline-offset:.2em}.recovery-footer{border-top:1px solid var(--color-border-subtle);padding-block:1rem 2rem}.recovery-footer p{margin-top:1rem;color:var(--color-text-muted);font-size:.75rem;line-height:1.8}@media (forced-colors:active){.recovery-footer,.recovery-header{border-color:CanvasText}.recovery-main h1,.recovery-main p{color:CanvasText}.recovery-links a:not(.btn-primary){color:LinkText}}}