.login-stage{isolation:isolate;background:var(--background)}.login-stage-wash{z-index:0;pointer-events:none;background:radial-gradient(ellipse 56% 48% at 50% 42%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 70%), radial-gradient(ellipse 60% 40% at 50% 100%, color-mix(in srgb, var(--primary) 8%, transparent), transparent 72%), linear-gradient(to top, color-mix(in srgb, var(--foreground) 7%, var(--background)) 0%, color-mix(in srgb, var(--foreground) 3%, var(--background)) 42%, var(--background) 100%);position:absolute;inset:0}.login-stage-grid{z-index:0;pointer-events:none;opacity:.55;background-image:linear-gradient(color-mix(in srgb, var(--primary) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--primary) 10%, transparent) 1px, transparent 1px);background-size:64px 64px;animation:22s linear infinite portal-grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 65% at 50% 45%,#000 0%,#0000 72%);mask-image:radial-gradient(70% 65% at 50% 45%,#000 0%,#0000 72%)}@media (prefers-reduced-motion:reduce){.login-stage-grid{animation:none}}.login-field{border:1px solid color-mix(in srgb, var(--border) 85%, var(--primary) 15%);background:color-mix(in srgb, var(--background) 55%, transparent);width:100%;color:var(--foreground);border-radius:9999px;outline:none;padding:.85rem 1.15rem;font-size:.9375rem;line-height:1.4;transition:border-color .16s,background-color .16s,box-shadow .16s}.login-field::placeholder{color:var(--muted-foreground)}.login-field:hover{border-color:color-mix(in srgb, var(--border) 60%, var(--primary) 40%)}.login-field:focus{border-color:color-mix(in srgb, var(--ring) 70%, var(--primary) 30%);background:color-mix(in srgb, var(--background) 40%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 14%, transparent)}.login-otp{border:1px solid color-mix(in srgb, var(--border) 85%, var(--primary) 15%);background:color-mix(in srgb, var(--background) 55%, transparent);text-align:center;width:2.75rem;height:3.25rem;color:var(--foreground);border-radius:.9rem;outline:none;font-size:1.125rem;font-weight:600;transition:border-color .16s,background-color .16s,box-shadow .16s}@media (min-width:640px){.login-otp{width:3rem;height:3.5rem}}.login-otp:focus{border-color:color-mix(in srgb, var(--ring) 70%, var(--primary) 30%);background:color-mix(in srgb, var(--background) 40%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 14%, transparent)}