.lg-page{--lg-ease-out:cubic-bezier(.23, 1, .32, 1);--lg-ease-io:cubic-bezier(.65, 0, .35, 1);--lg-mint-ink:#183a33;--lg-mint-soft:#4a6a62;--lg-peek:140px;--lg-peek-show:.68;box-sizing:border-box;width:100%;max-width:1440px;min-height:100dvh;color:var(--ink);grid-template-columns:minmax(0,1fr) minmax(380px,460px);gap:28px;margin:0 auto;padding:24px;display:grid;position:relative}.lg-scene{isolation:isolate;background:linear-gradient(#e3f4ee 0%,#eaf6ef 58%,#dff1e8 100%);border-radius:28px;min-height:calc(100dvh - 48px);position:relative;overflow:hidden}.lg-scene-bg{z-index:-1;object-fit:cover;object-position:50% 46%;width:100%;height:100%;display:block;position:absolute;inset:0}.lg-stage{pointer-events:none;align-items:flex-end;gap:clamp(6px,2.5vw,36px);height:34%;display:flex;position:absolute;bottom:28%;left:50%;transform:translate(-50%)}.lg-hero-react{transform-origin:50% 100%;height:100%;position:relative}.lg-hero-react--toppo{height:86%}.lg-hero{width:auto;height:100%;display:block}.lg-hero--moppy{transform-origin:28% 94%;animation:lg-mop 1.8s var(--lg-ease-io) infinite alternate}@keyframes lg-mop{0%{transform:translate(-5%)rotate(-5deg)}to{transform:translate(5%)rotate(4deg)}}.lg-hero--toppo{transform-origin:50% 97%;animation:lg-sweep 1.15s var(--lg-ease-io) infinite alternate}@keyframes lg-sweep{0%{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(0)translateY(-3%)}to{transform:rotate(4deg)translateY(0)}}.lg-shine{z-index:-1;width:130%;height:17%;animation:lg-shine 1.8s var(--lg-ease-io) infinite alternate;background:radial-gradient(#fffffff2 0%,#d6f6ecb3 42%,#fff0 72%);border-radius:50%;position:absolute;bottom:-7%;left:-38%}@keyframes lg-shine{0%{opacity:.7;transform:translate(-8%)scaleX(.9)}to{opacity:1;transform:translate(8%)scaleX(1.05)}}.lg-sparkle,.lg-peekers:after{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.lg-sparkle{opacity:0;background:#fffbe8;width:16px;height:16px;animation:2.4s ease-in-out infinite lg-twinkle;position:absolute}.lg-sparkle--1{bottom:4%;left:-6%}.lg-sparkle--2{width:11px;height:11px;animation-delay:-.8s;bottom:-4%;left:26%}.lg-sparkle--3{width:12px;height:12px;animation-delay:-1.6s;bottom:16%;left:-24%}@keyframes lg-twinkle{0%,to{opacity:0;transform:scale(.5)rotate(0)}45%{opacity:1;transform:scale(1)rotate(20deg)}}.lg-dust{opacity:0;background:#ffffffe6;border-radius:50%;width:9px;height:9px;animation:1.15s ease-out infinite lg-dust;position:absolute;bottom:3%;right:-4%}.lg-dust--2{width:6px;height:6px;animation-delay:.38s}.lg-dust--3{width:7px;height:7px;animation-delay:.76s}@keyframes lg-dust{0%{opacity:0;transform:translate(0)scale(.6)}25%{opacity:.9}to{opacity:0;transform:translate(26px,-22px)scale(1.3)}}.lg-bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lg-bubble{bottom:24%;left:var(--x);width:var(--s);height:var(--s);opacity:0;animation:lg-rise var(--d) linear var(--delay) infinite;background:radial-gradient(circle at 32% 28%,#fffffff2 0 9%,#fff3 24%,#ffffff0f 56%,#a0dee857 80%,#ffffffc7 100%);border-radius:50%;position:absolute;box-shadow:inset 0 0 0 1px #ffffffbf,0 0 0 1px #6eb9ac38}.lg-bubble:first-child{--x:14%;--s:34px;--d:11s;--delay:-1s;--drift:14px}.lg-bubble:nth-child(2){--x:31%;--s:20px;--d:9s;--delay:-6s;--drift:-10px}.lg-bubble:nth-child(3){--x:44%;--s:46px;--d:13s;--delay:-3s;--drift:18px}.lg-bubble:nth-child(4){--x:58%;--s:24px;--d:10s;--delay:-8s;--drift:-16px}.lg-bubble:nth-child(5){--x:70%;--s:38px;--d:12s;--delay:-4.5s;--drift:10px}.lg-bubble:nth-child(6){--x:83%;--s:18px;--d:8.5s;--delay:-2.5s;--drift:-8px}.lg-bubble:nth-child(7){--x:23%;--s:28px;--d:14s;--delay:-10s;--drift:12px}@keyframes lg-rise{0%{opacity:0;transform:translate(0,0)scale(.6)}12%{opacity:.9}50%{transform:translate3d(var(--drift), -30vh, 0) scale(1)}85%{opacity:.75}to{opacity:0;transform:translateY(-60vh)scale(1.08)}}.lg-scene-copy{position:absolute;bottom:clamp(20px,5%,44px);left:clamp(20px,5%,48px);right:clamp(20px,5%,48px)}.lg-scene-title{color:var(--lg-mint-ink);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(30px,3.2vw,48px);font-weight:800;line-height:1.06}.lg-scene-sub{color:var(--lg-mint-soft);margin:10px 0 0;font-size:clamp(14px,1.15vw,17px);line-height:1.4}.lg-page[data-mood=highfive] .lg-hero-react,.lg-page[data-mood=cheer] .lg-hero-react{animation:lg-hop .56s var(--lg-ease-out) 2}.lg-page[data-mood=highfive] .lg-hero-react--toppo,.lg-page[data-mood=cheer] .lg-hero-react--toppo{animation-delay:90ms}.lg-page[data-mood=oops] .lg-hero-react{animation:lg-startle .38s var(--lg-ease-out)}@keyframes lg-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14%)}}@keyframes lg-startle{0%,to{transform:none}30%{transform:translateY(-5%)rotate(-3deg)}60%{transform:translateY(0)rotate(2deg)}}.lg-main{min-width:0;padding-top:calc(var(--lg-peek) * var(--lg-peek-show));justify-content:center;align-items:center;display:flex}.lg-card-wrap{width:100%;max-width:420px;position:relative}.lg-peekers{top:calc(var(--lg-peek) * var(--lg-peek-show) * -1);z-index:0;height:var(--lg-peek);pointer-events:none;justify-content:center;gap:16px;display:flex;position:absolute;left:0;right:0}.lg-peeker{width:var(--lg-peek);height:var(--lg-peek);translate:calc((var(--lg-look,.5) - .5) * 22px) 0;transition:translate .38s var(--lg-ease-out);animation:3.4s ease-in-out infinite lg-bob;position:relative}.lg-peeker--toppo{animation-delay:-1.7s}@keyframes lg-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.lg-page[data-mood=highfive] .lg-peeker--moppy{translate:22px -6px}.lg-page[data-mood=highfive] .lg-peeker--toppo{translate:-22px -6px}.lg-peeker-sprite{background-repeat:no-repeat;background-size:600% 100%;background-position:calc(var(--pose,0) * 20%) 0;transform-origin:50% 90%;animation:lg-pop .36s var(--lg-ease-out) both;position:absolute;inset:0}.lg-page[data-mood=watch] .lg-peeker-sprite{translate:0 -13%}.lg-peeker--moppy .lg-peeker-sprite{background-image:url(/login/moppy-poses.webp)}.lg-peeker--toppo .lg-peeker-sprite{background-image:url(/login/toppo-poses.webp)}@keyframes lg-pop{0%{transform:translateY(8%)scale(.95)}60%{transform:translateY(-3%)scale(1.03)}to{transform:none}}.lg-peekers:after{content:"";opacity:0;background:#ffd84d;width:26px;height:26px;margin-left:-13px;position:absolute;top:16%;left:50%}.lg-page[data-mood=highfive] .lg-peekers:after{animation:lg-clap .56s var(--lg-ease-out) .14s both}@keyframes lg-clap{0%{opacity:0;transform:scale(.4)rotate(0)}40%{opacity:1;transform:scale(1.15)rotate(20deg)}to{opacity:0;transform:scale(1.4)rotate(45deg)}}.lg-card{z-index:1;border:1px solid var(--border);background:var(--surface);border-radius:22px;padding:28px 28px 24px;position:relative;box-shadow:0 1px 2px #1018280d,0 22px 48px -20px #10302847}.lg-card[data-shake=a]{animation:lg-shake-a .44s var(--lg-ease-out)}.lg-card[data-shake=b]{animation:lg-shake-b .44s var(--lg-ease-out)}@keyframes lg-shake-a{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes lg-shake-b{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.lg-brand{align-items:center;gap:10px;margin-bottom:18px;display:flex}.lg-mark{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#2fb3a3,#0a6f66);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.lg-eyebrow{color:var(--ink-soft);margin:0;font-size:12.5px;font-weight:600}.lg-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:800;line-height:1.15}.lg-sub{color:var(--ink-soft);margin:4px 0 20px;font-size:14px}.lg-card .login-modes{background:var(--surface-muted);border-radius:12px;gap:4px;margin-bottom:18px;padding:4px}.lg-card .login-mode-tab{color:var(--ink-soft);background:0 0;border:0;border-radius:9px;padding:9px 10px;transition:background-color .16s,color .16s,box-shadow .16s}.lg-card .login-mode-tab:hover{color:var(--ink)}.lg-card .login-mode-tab.is-selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1018281a, 0 0 0 1px var(--border-soft)}.lg-card .field{margin-bottom:14px}.lg-card .field label{color:var(--ink);margin-bottom:6px;font-size:13px}.lg-card .field input[type=text],.lg-card .field input[type=password]{border-radius:12px;min-height:46px;padding:11px 14px;font-size:16px}.lg-card .gate-submit{width:100%;min-height:48px;transition:background .12s ease, border-color .12s ease, transform .14s var(--lg-ease-out);border-radius:12px;margin-top:4px;font-size:15px}.lg-card .gate-submit:active:not(:disabled){transform:scale(.98)}.lg-card .gate-error{margin-bottom:12px;font-size:13px}.lg-foot{color:var(--ink-faint);text-align:center;margin:18px 0 0;font-size:12px}@media (max-width:1023px){.lg-page{grid-template-columns:minmax(0,1fr);align-content:start;gap:0;padding:16px 16px 24px}.lg-scene{border-radius:24px;height:clamp(300px,46dvh,560px);min-height:0}.lg-scene-bg{object-position:50% 36%}.lg-stage{height:42%;bottom:24%}.lg-main{padding-top:calc(var(--lg-peek) * var(--lg-peek-show) + 12px);align-items:flex-start}.lg-card-wrap{max-width:460px}}@media (max-width:639px){.lg-page{--lg-peek:104px;padding:12px 12px 20px}.lg-scene{border-radius:20px;height:clamp(224px,32dvh,300px)}.lg-scene-bg{object-position:50% 42%}.lg-stage{height:46%;bottom:31%}.lg-scene-copy{bottom:14px;left:16px;right:16px}.lg-scene-title{font-size:22px}.lg-scene-sub{margin-top:4px;font-size:12.5px}.lg-peekers{gap:10px}.lg-card{border-radius:20px;padding:20px 18px 18px}.lg-brand{margin-bottom:12px}.lg-mark{border-radius:8px;width:30px;height:30px;font-size:12px}.lg-title{font-size:22px}.lg-sub{margin-bottom:14px}.lg-foot{margin-top:14px}}@media (prefers-reduced-motion:reduce){.lg-page *,.lg-page :before,.lg-page :after{transition:none!important;animation:none!important}.lg-sparkle{opacity:.85}}