@keyframes auth-color-breathe{0%{opacity:.15}to{opacity:1}}@keyframes auth-lines-breathe{0%{opacity:.3;transform:rotate(var(--auth-lines-angle,0deg)) scale(.94)}to{opacity:1;transform:rotate(var(--auth-lines-angle,0deg)) scale(1.06)}}@keyframes auth-brand-ring-breathe{0%{opacity:.65;transform:scale(.99)}to{opacity:1;transform:scale(1.025)}}@layer components{.auth-layout{isolation:isolate;min-height:100dvh;position:relative}.auth-content{flex-direction:column;align-items:center;min-height:100dvh;padding:2rem 1rem;display:flex}.auth-brand-space{flex:1 1 0;justify-content:center;align-items:flex-end;min-height:11rem;margin-bottom:1.5rem;display:flex}@media (min-width:1024px){.auth-brand-space{min-height:10rem}}.auth-brand{margin-bottom:1rem;position:relative}.auth-bottom-space{flex:1 1 0;min-height:0}.auth-brand:after{content:"";border:4px solid color-mix(in oklch, var(--primary) 24%, transparent);pointer-events:none;opacity:.75;border-radius:50%;animation:3.4s ease-in-out infinite alternate auth-brand-ring-breathe;position:absolute;inset:-4px}.dark .auth-brand:after{border-color:color-mix(in oklch, var(--primary) 18%, transparent)}.auth-backdrop{z-index:-1;isolation:isolate;pointer-events:none;background-color:var(--background);background-image:radial-gradient(ellipse 54rem 40rem at 4% 10%, color-mix(in oklch, var(--primary) 32%, transparent), transparent 76%), radial-gradient(ellipse 45rem 36rem at 96% 92%, color-mix(in oklch, var(--chart-2) 30%, transparent), transparent 76%), linear-gradient(135deg, var(--secondary), var(--background) 50%, var(--muted));background-position:0 0;background-size:auto;animation:none;position:fixed;inset:0;overflow:hidden}.auth-backdrop:before,.auth-backdrop:after{content:"";z-index:-1;aspect-ratio:auto;pointer-events:none;opacity:.6;border:0;border-radius:0;width:auto;height:auto;animation:3.4s ease-in-out infinite alternate auth-color-breathe;position:absolute;inset:-12%}.auth-backdrop:before{background:radial-gradient(ellipse 58% 64% at 13% 18%, color-mix(in oklch, var(--primary) 40%, transparent), transparent 76%), radial-gradient(ellipse 42% 48% at 37% 0%, color-mix(in oklch, var(--primary) 16%, transparent), transparent 74%)}.auth-backdrop:after{background:radial-gradient(ellipse 62% 60% at 88% 86%, color-mix(in oklch, var(--chart-2) 38%, transparent), transparent 78%), radial-gradient(ellipse 40% 44% at 100% 58%, color-mix(in oklch, var(--chart-2) 16%, transparent), transparent 76%)}.auth-breath-lines{pointer-events:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;opacity:.65;width:clamp(24rem,44vw,38rem);height:auto;animation:3.4s ease-in-out infinite alternate auth-lines-breathe;position:absolute;overflow:visible}.auth-breath-lines path{vector-effect:non-scaling-stroke}.auth-breath-lines--cool{color:color-mix(in oklch, var(--primary) 48%, transparent);top:-8rem;left:-8rem}.auth-breath-lines--warm{--auth-lines-angle:180deg;color:color-mix(in oklch, var(--chart-2) 54%, transparent);bottom:-8rem;right:-8rem;transform:rotate(180deg)}.dark .auth-backdrop{background-image:radial-gradient(ellipse 50rem 38rem at -8% 0%, color-mix(in oklch, var(--primary) 24%, transparent), transparent 78%), radial-gradient(ellipse 43rem 35rem at 108% 100%, color-mix(in oklch, var(--chart-2) 20%, transparent), transparent 78%)}.dark .auth-breath-lines--cool{color:color-mix(in oklch, var(--primary) 38%, transparent)}.dark .auth-breath-lines--warm{color:color-mix(in oklch, var(--chart-2) 42%, transparent)}:root:not([data-auth-motion=running]) .auth-backdrop:before,:root:not([data-auth-motion=running]) .auth-backdrop:after,:root:not([data-auth-motion=running]) .auth-brand:after,:root:not([data-auth-motion=running]) .auth-breath-lines{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.auth-backdrop:before,.auth-backdrop:after,.auth-brand:after,.auth-breath-lines{animation:none}}@media (max-width:639px){.auth-breath-lines{width:24rem}.auth-breath-lines--cool{top:-7rem;left:-11rem}.auth-breath-lines--warm{bottom:-7rem;right:-11rem}.auth-breath-lines path:last-child{display:none}}}@layer utilities{.auth-content>.auth-page-background{flex:none;width:100%;min-height:0;padding:0}@media (max-width:639px){.auth-content{padding-top:1.5rem;padding-bottom:1.5rem}.auth-brand-space{min-height:9rem}}}
