.login-desk{--rule-step:32px;--margin-line:20px;background-color:var(--background);background-image:radial-gradient(ellipse 55% 45% at 12% 8%, color-mix(in srgb, var(--lilac) 38%, transparent), transparent 70%), radial-gradient(ellipse 50% 45% at 92% 96%, color-mix(in srgb, var(--coral) 30%, transparent), transparent 70%), radial-gradient(ellipse 40% 35% at 50% 50%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 70%), linear-gradient(to bottom, transparent calc(var(--rule-step) - 1px), var(--rule) calc(var(--rule-step) - 1px), var(--rule) var(--rule-step), transparent var(--rule-step));background-size:100% 100%, 100% 100%, 100% 100%, 100% var(--rule-step)}.login-desk:before{content:"";inset-block:0;left:var(--margin-line);background:var(--coral);opacity:.7;pointer-events:none;width:2px;position:absolute}@media (min-width:768px){.login-desk{--margin-line:72px}}.login-decor{display:none}@media (min-width:1024px) and (min-height:600px){.login-decor{display:block}}.login-sticky{background:color-mix(in srgb, var(--coral) 32%, var(--surface))}@keyframes login-deal{0%{opacity:0;transform:translateY(32px)rotate(0)}}.login-dealt{transform:rotate(var(--r,0deg));animation:login-deal .7s var(--ease-out-soft) var(--d,0s) both}@keyframes login-rise{0%{opacity:0;transform:translateY(16px)}}.login-rise{animation:login-rise .6s var(--ease-out-soft) both}@keyframes login-draw{to{stroke-dashoffset:0}}.login-scribble{stroke-dasharray:200;stroke-dashoffset:200px;animation:.7s ease-out .7s forwards login-draw}@media (prefers-reduced-motion:reduce){.login-dealt,.login-rise{animation:none}.login-scribble{stroke-dashoffset:0;animation:none}}