*{box-sizing:border-box}html,body{min-height:100%}body{margin:0}.auth-page{isolation:isolate;background:var(--color-background-full) url(/media/hero-poster.webp) center / cover no-repeat;border-radius:12px;place-items:center;min-height:calc(100svh - 12px);margin:6px;padding:clamp(16px,4vw,48px);display:grid;position:relative;overflow:hidden}.auth-page:before{z-index:-1;background:color-mix(in srgb, var(--color-accent-950) 34%, transparent);content:"";position:absolute;inset:0}.auth-background-media{z-index:-2;object-fit:cover;filter:blur(10px)saturate(90%);width:calc(100% + 40px);height:calc(100% + 40px);position:absolute;inset:-20px;transform:scale(1.025)}@media (max-width:639px){.auth-page{border-radius:0;min-height:100svh;margin:0}}@media (prefers-reduced-motion:reduce){.auth-background-media{display:none}}