.art{position:relative;width:176px;aspect-ratio:1;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:var(--art,var(--sky-2));--cloud:light-dark(color-mix(in srgb,var(--sky) 45%,var(--paper)),color-mix(in srgb,var(--sky) 30%,var(--ink)))}.t-mint{--art:var(--mint-2)}.t-sky{--art:var(--sky-2)}.t-butter{--art:var(--butter-2)}.t-coral{--art:var(--coral-2)}.art .mascot.lg{width:112px;height:112px;margin:0 0 6px}.art .cloud{height:16px}.art .c1{width:76px;top:34px;left:-34px}.art .c2{width:54px;height:12px;top:16px;right:-18px}.art .coin{position:absolute;width:34px;right:18px;bottom:22px;overflow:visible}.coin circle{fill:var(--butter);stroke:var(--ink);stroke-width:2}.coin .ring{fill:none;stroke:color-mix(in srgb,var(--ink) 70%,var(--butter));stroke-width:1.6}.signin .code{display:inline-block;margin:0 0 12px;padding:2px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg-2);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums}.signin .stack{max-width:340px;margin:28px auto 22px;gap:12px}.btn.prov{--b-bg:var(--bg);--b-fg:var(--fg);--b-line:var(--line-2);--b-hover:var(--brand-2);--b-hover-line:var(--brand-ink);min-height:56px;gap:12px;border-radius:var(--r-lg);font-size:1.0625rem}.btn.prov .logo{width:22px;height:22px;margin:0;color:currentColor}@media (prefers-reduced-motion:no-preference){.art{animation:art-in .5s var(--spring) backwards;transform:perspective(600px) rotateX(calc(var(--py,0)*-10deg)) rotateY(calc(var(--px,0)*12deg));transition:transform .6s var(--ease-out)}.art>*{transition:translate .6s var(--ease-out)}.art .c1{translate:calc(var(--px,0)*-14px) calc(var(--py,0)*-6px)}.art .c2{translate:calc(var(--px,0)*-8px) 0}.art .mascot,.art .coin{translate:calc(var(--px,0)*8px) calc(var(--py,0)*5px)}.signin .stack>*{animation:nudge .5s var(--ease-out) .2s backwards}.signin .stack>:nth-child(2){animation-delay:.3s}.oops .code{transform-origin:50% -24px;animation:swing 1.1s var(--spring) .3s backwards}.oops .m-look{animation:look 2.4s ease-in-out .9s}.art .coin{animation:coin-bob 2.8s ease-in-out .5s infinite alternate}.btn.prov{transition:background-color .12s,border-color .12s,transform .25s var(--spring)}.btn.prov:hover{transform:translateY(-2px)}.btn.prov:hover .logo{transform:rotate(-8deg) scale(1.1);transition:transform .35s var(--spring)}}@keyframes swing{from{opacity:0;transform:rotate(-16deg) translateY(-6px)}}@keyframes look{25%{transform:translate(-1.6px,.3px)}70%{transform:translate(1.6px,.3px)}}@keyframes art-in{from{opacity:0;transform:scale(.88)}}@keyframes coin-bob{to{transform:translateY(-6px) rotate(8deg)}}