.auth-backdrop{--color-background:var(--surface);--color-foreground:var(--fg);--color-card:var(--surface-alt);--color-muted:var(--surface-muted);--color-muted-foreground:var(--fg-muted);--color-border:var(--border);--color-error:var(--label-red);--color-accent:var(--accent);--color-accent-hover:var(--accent-hover);--color-accent-border:var(--accent-border);--color-accent-on:var(--accent-on);--font-sans:var(--font-body);color:var(--color-foreground);background:var(--color-background);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-backdrop:before{content:"";pointer-events:none;z-index:0;opacity:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50'><g stroke='%2300FFA7' stroke-width='1.2' stroke-linecap='round' opacity='0.14'><line x1='25' y1='21.5' x2='25' y2='28.5'/><line x1='21.5' y1='25' x2='28.5' y2='25'/></g></svg>");background-repeat:repeat;animation:7s linear infinite splash-bg-scroll,1.5s ease-out 4.5s forwards splash-bg-fade-in;position:absolute;inset:0}@keyframes splash-bg-scroll{0%{background-position:0 0}to{background-position:50px 50px}}@keyframes splash-bg-fade-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.auth-backdrop:before{animation:.2s ease-out forwards splash-bg-fade-in}}