.auth-gradient{isolation:isolate;background-color:var(--background);position:relative}.auth-gradient:before{content:"";z-index:-1;background-image:radial-gradient(at 12% 8%, color-mix(in oklch, var(--brand-blue) 16%, transparent) 0, transparent 55%), radial-gradient(at 88% 6%, color-mix(in oklch, var(--brand-neon) 9%, transparent) 0, transparent 50%), radial-gradient(at 78% 72%, color-mix(in oklch, var(--brand-coral-3) 18%, transparent) 0, transparent 55%), radial-gradient(at 20% 88%, color-mix(in oklch, var(--brand-navy) 12%, transparent) 0, transparent 55%), radial-gradient(at 55% 45%, color-mix(in oklch, var(--brand-coral-2) 10%, transparent) 0, transparent 60%);position:absolute;inset:0}.auth-card{box-shadow:0px 12px 20px -8px color-mix(in oklch, var(--foreground) 24%, transparent), 0px 1px 0px 0px color-mix(in oklch, var(--border) 50%, transparent) inset, 0px -1px 0px 0px color-mix(in oklch, var(--foreground) 12%, transparent) inset, -1px 0px 0px 0px color-mix(in oklch, var(--foreground) 10%, transparent) inset, 1px 0px 0px 0px color-mix(in oklch, var(--foreground) 10%, transparent) inset}.dark .auth-gradient:before{background-image:radial-gradient(at 12% 8%, color-mix(in oklch, var(--brand-blue) 24%, transparent) 0, transparent 55%), radial-gradient(at 88% 6%, color-mix(in oklch, var(--brand-neon) 12%, transparent) 0, transparent 50%), radial-gradient(at 78% 72%, color-mix(in oklch, var(--brand-coral-2) 22%, transparent) 0, transparent 55%), radial-gradient(at 20% 88%, color-mix(in oklch, var(--brand-coral-1) 20%, transparent) 0, transparent 55%), radial-gradient(at 55% 45%, color-mix(in oklch, var(--brand-blue) 14%, transparent) 0, transparent 60%)}@media (max-width:500px){.auth-gradient:before{display:none}.auth-card{box-shadow:none}}