.login-screen{--login-sky-top:#c7e7f7;--login-sky-mid:#9ad4ef;--login-sky-deep:#7ec2df;--login-card:#f8fdff;--login-field:#e7f0f5;--login-ink:#262220;--login-muted:#78645a;--login-line:#cbdae2;--login-cta:var(--brand);--login-cta-ink:var(--brand-foreground);color:var(--login-ink);background:radial-gradient(120% 80% at 50% -8%, #dbf3ff 0%, transparent 52%), linear-gradient(180deg, var(--login-sky-top) 0%, var(--login-sky-mid) 46%, var(--login-sky-deep) 100%)}@supports (color:lab(0% 0 0)){.login-screen{--login-sky-top:lab(89.703% -8.21906 -11.5512);--login-sky-mid:lab(81.6972% -14.4689 -19.3872);--login-sky-deep:lab(74.7997% -16.9971 -21.3568);--login-card:lab(98.8715% -1.70383 -2.34123);--login-field:lab(94.2467% -2.5447 -3.50547);--login-muted:lab(44.1827% 6.76793 9.0564);--login-line:lab(86.1558% -4.19956 -5.81979);background:radial-gradient(120% 80% at 50% -8%, lab(94.311% -6.24368 -8.70119) 0%, transparent 52%), linear-gradient(180deg, var(--login-sky-top) 0%, var(--login-sky-mid) 46%, var(--login-sky-deep) 100%)}}.login-atmosphere{overflow:hidden}.login-wash,.login-rings{position:absolute;inset:0}.login-wash{transform-origin:50% 0;opacity:0;background:radial-gradient(120% 80% at 50% -8%,#dbf3ff 0%,#0000 52%);background:radial-gradient(120% 80% at 50% -8%,lab(94.311% -6.24368 -8.70119) 0%,#0000 52%);animation:11s ease-in-out infinite login-sky-breathe}.login-rings{background:repeating-radial-gradient(circle at 50% 46%, transparent 0, transparent 4.4rem, color-mix(in oklch, var(--login-card) 34%, transparent) 4.4rem, color-mix(in oklch, var(--login-card) 34%, transparent) 4.5rem);transform-origin:50% 46%}.login-rings-a{animation:8s ease-in-out infinite login-ring-bloat}.login-rings-b,.login-rings-c{opacity:0}.login-rings-b{animation:8s ease-in-out 2.2s infinite backwards login-ring-ripple}.login-rings-c{animation:8s ease-in-out 4.4s infinite backwards login-ring-ripple}@keyframes login-sky-breathe{0%,to{opacity:0;transform:scale(1)}50%{opacity:.55;transform:scale(1.22)}}@keyframes login-ring-bloat{0%,to{opacity:1;transform:scale(1)}50%{opacity:.58;transform:scale(1.08)}}@keyframes login-ring-ripple{0%{opacity:0;transform:scale(.97)}28%{opacity:.42;transform:scale(1.04)}62%{opacity:.18;transform:scale(1.1)}to{opacity:0;transform:scale(1.14)}}@media (prefers-reduced-motion:reduce){.login-wash,.login-rings-a,.login-rings-b,.login-rings-c{animation:none!important}.login-wash,.login-rings-b,.login-rings-c{opacity:0;transform:none}.login-rings-a{opacity:1;transform:none}}.login-card{background:var(--login-card);box-shadow:0 28px 80px color-mix(in oklch, var(--login-sky-deep) 32%, transparent), 0 2px 8px color-mix(in oklch, var(--login-ink) 8%, transparent)}.login-field{background:var(--login-field);height:3rem;color:var(--login-ink);box-shadow:none;border:0;border-radius:1rem}.login-field:focus-visible{--tw-ring-color:var(--login-cta);--tw-ring-offset-color:var(--login-card)}.login-outline{border-color:var(--login-line);background:var(--login-card);width:100%;height:3rem;color:var(--login-ink);box-shadow:none;border-radius:1rem;font-size:15px}.login-outline:hover{background:var(--login-field);color:var(--login-ink)}.login-cta{background:var(--login-cta);width:100%;height:3rem;color:var(--login-cta-ink);box-shadow:0 8px 20px color-mix(in srgb, var(--login-cta) 28%, transparent);border-radius:1rem;font-size:15px;font-weight:600}.login-cta:hover{background:color-mix(in srgb, var(--login-cta) 90%, var(--login-ink))}