.login-scene{background:var(--color-bg);justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex;position:relative;overflow:hidden}.login-glow{background:var(--color-brand-soft);filter:blur(90px);pointer-events:none;border-radius:0 0 50% 50%;width:120vh;height:50vh;position:absolute;top:0;left:50%;transform:translate(-50%)}.login-glow.pulse{filter:blur(70px);border-radius:0 0 9999px 9999px;width:80vh;height:40vh;animation:8s ease-in-out infinite alternate login-pulse}@keyframes login-pulse{0%{opacity:.4}to{opacity:.85}}.login-card-wrap{z-index:10;perspective:1500px;width:100%;max-width:384px;animation:.6s cubic-bezier(.16,1,.3,1) both login-rise;position:relative}@keyframes login-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.login-tilt{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out;position:relative}.login-card{background:color-mix(in srgb, var(--color-panel) 70%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-line);border-radius:16px;padding:28px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0009}.login-beams{pointer-events:none;border-radius:16px;position:absolute;inset:-1px;overflow:hidden}.login-beams i{opacity:.6;background:linear-gradient(90deg,#0000,#fff,#0000);width:50%;height:2px;position:absolute}.login-beams i:first-child{animation:3.5s ease-in-out infinite login-beam-x;top:0}.login-beams i:nth-child(2){animation:3.5s ease-in-out 1.75s infinite login-beam-x;bottom:0}@keyframes login-beam-x{0%{left:-50%}60%,to{left:100%}}.login-brand{animation:.7s cubic-bezier(.16,1,.3,1) both login-pop}.login-fade-1{animation:.5s ease-out .15s both login-fade}.login-fade-2{animation:.5s ease-out .25s both login-fade}@keyframes login-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes login-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.login-card-wrap,.login-brand,.login-fade-1,.login-fade-2,.login-glow.pulse,.login-beams i{animation:none}.login-beams i{opacity:0}.login-tilt{transition:none;transform:none}}