.login-art{background-color:color-mix(in oklab, var(--color-surface) 70%, var(--v2-bg));border:1px solid var(--v2-glass-edge)}:root[data-theme=dark] .login-art{background-color:color-mix(in oklab, var(--color-ink) 3%, var(--v2-bg))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .login-art{background-color:color-mix(in oklab, var(--color-ink) 3%, var(--v2-bg))}}.login-sun{background:radial-gradient(closest-side, color-mix(in oklab, var(--color-ember) 55%, transparent), color-mix(in oklab, var(--color-iris) 30%, transparent) 45%, color-mix(in oklab, var(--color-brand) 12%, transparent) 70%, transparent);border-radius:9999px;animation:2.6s cubic-bezier(.16,.84,.24,1) both login-rise,9s ease-in-out 2.6s infinite alternate login-breathe;transform:translate(-50%)}@keyframes login-rise{0%{opacity:0;transform:translate(-50%,35%)}to{opacity:1;transform:translate(-50%)}}@keyframes login-breathe{0%{opacity:1}to{opacity:.7}}.login-grid{background-image:linear-gradient(to bottom, color-mix(in oklab, var(--color-ink) 9%, transparent) 1px, transparent 1px);background-size:100% 25%;-webkit-mask-image:linear-gradient(#0000,#000 40%);mask-image:linear-gradient(#0000,#000 40%)}.login-drift{will-change:transform;animation:login-drift var(--t,120s) linear infinite}@keyframes login-drift{to{transform:translate(-50%)}}.login-draw{animation:2.4s cubic-bezier(.45,0,.2,1) .3s both login-draw}@keyframes login-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.login-now{animation:.5s ease-out 2.6s both login-now}@keyframes login-now{0%{opacity:0}to{opacity:1}}.login-card{background:color-mix(in oklab, var(--v2-bg) 82%, transparent);border:1px solid var(--v2-glass-edge);border-top-color:var(--v2-glass-edge-top);box-shadow:var(--v2-glass-shadow)}@media (prefers-reduced-motion:reduce){.login-sun,.login-drift,.login-draw,.login-now{animation:none}}