.auth-hero{background:radial-gradient(620px 420px at 78% 36%, color-mix(in srgb, var(--accent-warm) 20%, transparent), transparent 70%), linear-gradient(135deg, var(--accent-hover) 0%, var(--text-primary) 82%)}.auth-hero-grid{opacity:.18;background-image:linear-gradient(color-mix(in srgb, var(--text-inverse) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text-inverse) 9%, transparent) 1px, transparent 1px);-webkit-mask-image:linear-gradient(135deg, transparent 5%, var(--text-primary) 55%, transparent 100%);mask-image:linear-gradient(135deg, transparent 5%, var(--text-primary) 55%, transparent 100%);background-size:48px 48px}.auth-hero-ring{border:1px solid color-mix(in srgb, var(--accent-warm) 42%, transparent);border-radius:var(--radius-full);pointer-events:none;position:absolute}.auth-hero-ring--one{width:min(46vw,520px);height:min(46vw,520px);box-shadow:0 0 0 24px color-mix(in srgb, var(--accent-warm) 5%, transparent), 0 0 0 72px color-mix(in srgb, var(--accent-warm) 3%, transparent);top:15%;right:-16%}.auth-hero-ring--two{border-color:color-mix(in srgb, var(--text-inverse) 28%, transparent);width:min(30vw,340px);height:min(30vw,340px);top:28%;right:2%}@media (max-width:1023px){.auth-hero-ring--one{width:360px;height:360px;top:-70%;right:-25%}.auth-hero-ring--two{width:240px;height:240px;top:-34%;right:12%}}@media (prefers-reduced-motion:reduce){.auth-hero-grid,.auth-hero-ring{transition:none}}