.signin-split{grid-template-columns:minmax(0,1fr);min-height:100dvh;display:grid}.signin-split__form{background:var(--surface);flex-direction:column;min-width:0;padding:24px clamp(24px,5vw,64px) 28px;display:flex}.signin-split__top{justify-content:space-between;align-items:center;gap:16px;display:flex}.signin-split__main{flex-direction:column;flex:1;width:min(400px,100%);margin-inline:auto;display:flex}.signin-split__body{flex:1;align-content:center;padding-block:40px 32px;display:grid}.signin-split__alt{text-align:center;width:min(400px,100%);margin-inline:auto}.signin-split .otp-consent{color:var(--text-2);font-size:13px;font-weight:400}.signin-split__alt .auth__alt{margin:0}.signin-split .gate--plain{width:100%;box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0;animation:none}.signin-split .gate--plain h1{font-family:var(--font-display);letter-spacing:-.025em;font-size:32px;font-weight:650;line-height:1.1}.signin-split .gate--plain h1:focus{outline:none}.signin-split .gate--plain .gate__body{margin-top:10px}.signin-split .gate--plain .banner{margin-bottom:24px}.signin-split .gate--plain form{margin-top:24px}.signin-split__aside{background:radial-gradient(120% 90% at 20% 0%, #10281c 0%, var(--forest-page) 55%, var(--forest-deep) 100%);display:none;position:relative;overflow:hidden}.signin-split__locale--wide{display:none}@media (min-width:1024px){.signin-split{grid-template-columns:repeat(2,minmax(0,1fr))}.signin-split__aside{place-items:center;height:100dvh;padding:72px 48px 48px;display:grid;position:sticky;top:0}.signin-split__locale--narrow{display:none}.signin-split__locale--wide{z-index:3;display:flex;position:absolute;top:20px;right:24px}}.showcase{z-index:1;width:min(100%,600px,max(360px,160dvh - 528px));position:relative}.showcase__tabs{gap:8px;margin-bottom:20px;display:flex}.showcase__tab{cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;align-items:center;height:24px;padding:0;display:grid}.showcase__tab:focus-visible,.showcase__arrow:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.showcase__bar{background:color-mix(in srgb, var(--text) 50%, transparent);height:2px;transition:background-color .2s var(--ease-out);border-radius:2px;display:block;overflow:hidden}.showcase__tab:hover .showcase__bar{background:color-mix(in srgb, var(--text) 75%, transparent)}.showcase__tab[aria-selected=true] .showcase__bar{background:var(--text)}.showcase__fill{background:var(--primary);transform-origin:0;height:100%;animation:showcase-fill var(--showcase-autoplay) linear forwards;animation-play-state:paused;display:block;transform:scaleX(0)}.showcase[data-playing] .showcase__fill{animation-play-state:running}@keyframes showcase-fill{to{transform:scaleX(1)}}.showcase__stage{display:grid}.showcase__slide{opacity:0;pointer-events:none;min-width:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);grid-area:1/1;transform:translateY(8px)}.showcase__slide[data-active]{opacity:1;pointer-events:auto;transform:none}.showcase__frame{border:1px solid var(--hair-2);background:linear-gradient(160deg, var(--glass-2), var(--glass-1));box-shadow:inset 0 1px 0 #f3f4f70f, 0 24px 48px -24px color-mix(in srgb, var(--forest-deep) 85%, transparent);border-radius:20px;overflow:hidden}.showcase__title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:24px 0 8px;font-size:28px;font-weight:650;line-height:1.15}.showcase__text{max-width:52ch;color:var(--text-2);text-wrap:pretty;line-height:1.5}.showcase__nav{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.showcase__arrow{border:1px solid var(--hair-2);background:color-mix(in srgb, var(--text) 6%, transparent);width:44px;height:44px;color:var(--text);cursor:pointer;transition:background-color .2s var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid}.showcase__arrow:hover{background:color-mix(in srgb, var(--text) 14%, transparent)}.showcase[data-reduced] .showcase__fill{animation:none;transform:none}.showcase[data-reduced] .showcase__pause{display:none}.showcase[data-reduced] .showcase__slide,.showcase[data-reduced] .showcase__arrow,.showcase[data-reduced] .showcase__bar{transition:none}@media (prefers-reduced-motion:reduce){.showcase__fill{animation:none;transform:none}.showcase__pause{display:none}.showcase__slide,.showcase__arrow,.showcase__bar{transition:none}}
.showcase__frame--scene{aspect-ratio:16/10;position:relative}.sc{transform-origin:0 0;width:600px;height:375px;transform:scale(var(--k,1));color:var(--on-forest);position:absolute;inset:0 auto auto 0}.sc .i{color:var(--money)}@keyframes sc-pop{0%{transform:scale(1.04)}}@keyframes sc-pop-in{0%{opacity:0;transform:scale(.4)}}.sc[data-play] .sc__num{animation:sc-pop .24s var(--ease-out)}.sc[data-play] [data-shown]>.i{animation:.26s cubic-bezier(.34,1.56,.64,1) .12s backwards sc-pop-in}.sc__left{width:206px;position:absolute;top:28px;left:28px}.sc__num{font-family:var(--font-display);letter-spacing:-.03em;color:var(--on-forest);font-variant-numeric:tabular-nums;font-size:56px;font-weight:650;line-height:1;display:inline-block}.sc__count-label{font-family:var(--font-mono);color:var(--on-forest-2);margin:6px 0 0;font-size:12.5px}.sc__facts{gap:10px;margin:26px 0 0;padding:0;list-style:none;display:grid}.sc__fact{opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);grid-template-columns:60px max-content 14px;justify-content:start;align-items:center;column-gap:8px;display:grid;transform:translateY(6px)}.sc__fact[data-shown],.sc__rule[data-shown],.sc__verdict[data-shown]{opacity:1;transform:none}.sc__fact-label{font-family:var(--font-mono);color:var(--on-forest-2);font-size:12px}.sc__fact-value{color:var(--on-forest);font-size:14px;font-weight:500}.sc__deck{width:330px;height:168px;position:absolute;bottom:28px;right:28px}.sc__card{opacity:0;transition:opacity .9s var(--ease-out) var(--delay,0s), transform .9s var(--ease-out) var(--delay,0s);position:absolute;inset:0;transform:translate(40px,60px)rotate(-14deg)scale(.6)}.sc__card[data-shown]{opacity:1;transform:var(--rest,none)}.sc .ticket,.sc .ticket__in{height:100%}.sc .ticket{--stub:108px;--pad:14px}.sc__deck .ticket{--stub:64px}.sc__card:not(:last-child) .ticket__stub>*,.sc__card:not(:last-child) .ticket__body>*{visibility:hidden}.sc__deck .ticket__title{font-size:15px}.sc .score-ring--gold{--c:var(--money)}.sc:not([data-play]) .score-ring{animation:none}.sc--matches:not([data-done]) .score-ring{opacity:0;animation-play-state:paused}.sc--matches .score-ring{transition:opacity .24s var(--ease-out)}.sc--rules{box-sizing:border-box;padding:28px 40px 0}.sc--rules .sc__lead .ticket{--stub:108px;--pad:16px;height:auto}.sc--rules .sc__lead .ticket__in{height:auto}.sc__rules{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.sc__rule{color:var(--on-forest);opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);align-items:center;transform:translateY(6px)}.sc__rule .i{margin-top:0}.sc__verdict{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--money);opacity:0;transition:opacity .3s var(--ease-out), transform .3s var(--ease-out);margin:14px 0 0;font-size:12.5px;transform:translateY(6px)}.sc__panel{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);width:480px;height:319px;color:var(--text);border-radius:14px;flex-direction:column;justify-content:space-between;padding:22px;display:flex;position:absolute;top:28px;left:60px}.sc__bar{min-height:16px;font-family:var(--font-mono);color:var(--text-2);justify-content:space-between;gap:12px;font-size:12px;line-height:16px;display:flex}.sc__status[data-done]{color:var(--primary)}.sc__field{gap:6px;min-width:0;display:grid}.sc__label{color:var(--text-2);font-size:12.5px;font-weight:500}.sc__input{border:1px solid var(--border);height:40px;color:var(--text);white-space:nowrap;border-radius:10px;align-items:center;padding:0 12px;font-size:14px;display:flex}.sc__input[data-typing]{outline:2px solid var(--focus-color);outline-offset:2px}.sc__input[data-typing]:after{content:"";background:var(--primary);width:2px;height:1em;margin-left:1px;animation:1s step-end infinite sc-caret}@keyframes sc-caret{50%{opacity:0}}.sc__last{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.sc__last .sc__field{width:200px}.sc__submit{--h:40px;opacity:.55;transition:opacity .3s var(--ease-out)}.sc__submit[data-shown]{opacity:1}.showcase[data-reduced] .sc,.showcase[data-reduced] .sc *{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.sc,.sc *{transition:none;animation:none}}