.signin{--k:1;--desk-h:100px;background:var(--brand-forest);min-height:100dvh;color:var(--text-on-dark);position:relative;overflow:hidden}.signin__scene{position:absolute;inset:0}.signin__wordmark{font-size:28px;position:absolute;top:40px;left:57px}.signin__headline{text-wrap:wrap;max-width:620px;font:800 88px/104px var(--font-display);letter-spacing:-.01em;color:var(--text-on-dark);margin:0;position:absolute;top:128px;left:57px}.signin__dot{border-radius:50%;position:absolute}.signin__dot--lime{background:var(--brand-lime);width:12px;height:12px;top:200px;left:calc(50% + 140px)}.signin__dot--orange{background:var(--brand-orange);width:22px;height:22px;left:calc(50% - 150px - 320px * var(--k));bottom:calc(var(--desk-h) + 138px * var(--k))}.signin__dot--grey{width:8px;height:8px;left:calc(50% - 150px - 390px * var(--k));bottom:calc(var(--desk-h) + 32px * var(--k));background:#7c9a88}.signin__desk{height:var(--desk-h);background:var(--brand-forest-2);border-top:18px solid var(--desk-edge);position:absolute;bottom:0;left:0;right:0}.signin--noaccess .signin__desk{box-shadow:inset 0 3px #04392a}.signin__stage{left:calc(50% - 150px);bottom:var(--desk-h);width:0;height:0;position:absolute}.signin__halo{width:calc(540px * var(--k));height:calc(540px * var(--k));left:calc(-270px * var(--k));bottom:calc(-70px * var(--k));background:var(--brand-forest-2);border-radius:50%;position:absolute}.signin__mug{left:calc(-275px * var(--k));bottom:calc(-12px * var(--k));width:calc(56px * var(--k));z-index:2;position:absolute}.signin__mug>svg:last-child{width:100%;height:auto}.signin__steam{width:50%;position:absolute;bottom:92%;left:18%;overflow:visible}.signin__steam path{fill:none;stroke:var(--brand-lime);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:30;animation:2.4s linear infinite signin-steam}.signin__steam path+path{animation-delay:1.2s}@keyframes signin-steam{0%{stroke-dashoffset:30px;opacity:0;transform:translateY(6px)}30%{opacity:1}to{stroke-dashoffset:-30px;opacity:0;transform:translateY(-8px)}}.signin__bird{--h:350px;--x:-10px;left:calc(var(--x) * var(--k));bottom:calc(-10px * var(--k));height:calc(var(--h) * var(--k));aspect-ratio:1;transform-origin:50% 100%;transition:transform .35s var(--ease-out-back);z-index:1;position:absolute;transform:translate(-50%)}.signin__bird img{opacity:0;width:auto;max-width:none;height:100%;transition:opacity .2s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.signin__bird img.is-on{opacity:1}.signin__bird--office-typing{--h:350px;--x:-10px}.signin__bird--office-glasses-up{--h:350px;--x:-5px}.signin__bird--checking{--h:370px;--x:-5px}.signin__bird--bouncer{--h:368px;--x:-42px}.signin__bird--spill{--h:350px;--x:-15px}.signin__bird--leaving{--h:370px;--x:20px}.signin--default .signin__bird img.is-on{animation:.38s ease-in-out infinite alternate signin-type}.signin--hover .signin__bird{transform:translate(-50%)rotate(-3deg)translate(-6px)}@keyframes signin-type{0%{transform:translate(-50%)translateY(0)rotate(0)}to{transform:translate(-50%)translateY(1.5px)rotate(-.8deg)}}.signin__glint{width:calc(16px * var(--k));height:calc(16px * var(--k));opacity:0;animation:6s ease-in-out 1.2s infinite signin-glint;position:absolute;top:33%;left:52%}@keyframes signin-glint{0%,88%,to{opacity:0;transform:scale(.2)rotate(0)}92%{opacity:1;transform:scale(1)rotate(45deg)}96%{opacity:0;transform:scale(.4)rotate(90deg)}}.signin__bubble{z-index:3;background:var(--text-on-dark);color:var(--text-primary);font:500 15px/1.3 var(--font-ui);white-space:nowrap;opacity:0;transform-origin:20% 100%;transition:opacity .3s var(--ease-out-back), transform .3s var(--ease-out-back);left:calc(100px * var(--k));bottom:calc(370px * var(--k));border-radius:12px;padding:10px 16px;position:absolute;transform:translateY(6px)scale(.9)}.signin__bubble:after{content:"";background:inherit;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-5px;left:22px;transform:rotate(45deg)}.signin__bubble.is-on{opacity:1;transform:none}.signin__bubble--error{left:calc(150px * var(--k));bottom:calc(350px * var(--k))}.signin__bubble--signedout{left:calc(-260px * var(--k));transform-origin:80% 100%}.signin__bubble--signedout:after{left:auto;right:30px}.signin__card{border-radius:var(--radius-tile);background:var(--text-on-dark);width:460px;color:var(--text-secondary);z-index:5;flex-direction:column;padding:40px;display:flex;position:absolute;top:calc(50% - 10px);right:60px;transform:translateY(-50%);box-shadow:0 30px 60px -20px #00000073}.signin__card.m-shake-x{animation:.4s ease-in-out signin-card-shake}@keyframes signin-card-shake{0%,to{transform:translateY(-50%)}20%{transform:translateY(-50%)translate(-6px)}40%{transform:translateY(-50%)translate(6px)}60%{transform:translateY(-50%)translate(-4px)}80%{transform:translateY(-50%)translate(3px)}}.signin__title{font:800 44px/1.1 var(--font-display);letter-spacing:-.01em;color:var(--text-primary);margin:0 0 26px}.signin__body{font:400 15px/1.3 var(--font-ui);color:var(--text-secondary);margin:-4px 0 24px}.signin__email{overflow-wrap:anywhere;font-weight:400}.signin__actions{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.signin__callout{font:600 14px/1.25 var(--font-ui);border-radius:14px;align-items:center;gap:24px;margin-bottom:30px;padding:14px 20px;display:flex}.signin__callout svg{color:var(--text-primary);flex:none}.signin__callout--error{background:var(--state-error-bg);color:var(--state-error)}.signin__callout--ok{background:var(--state-success-bg);color:var(--state-success)}.signin__note{background:var(--signin-note);min-height:56px;font:400 14px/1.3 var(--font-ui);color:var(--text-secondary);border-radius:14px;align-items:center;gap:12px;margin:24px 0 0;padding:0 16px;display:flex}.signin--noaccess .signin__note{margin-top:0}.signin__lock{color:var(--brand-leaf);display:inline-grid}.signin__note-egg{flex:none}.gbtn{border:2px solid var(--brand-forest);background:var(--surface-white);width:100%;height:56px;color:var(--text-primary);font:600 16px/1 var(--font-ui);box-shadow:0 4px 0 var(--brand-forest);border-radius:14px;justify-content:center;align-items:center;gap:24px;transition:transform .12s,box-shadow .12s;display:flex}.gbtn:hover:not(:disabled),.gbtn.is-hover{box-shadow:0 6px 0 var(--brand-forest);transform:translateY(-2px)}.gbtn:active:not(:disabled){box-shadow:0 1px 0 var(--brand-forest);transform:translateY(3px)}.gbtn:disabled{cursor:progress}.gbtn:focus-visible{outline:3px solid var(--brand-lime);outline-offset:3px}.gbtn__egg{animation:.6s ease-in-out infinite m-wobble}@media (width<=760px){.signin{--desk-h:56px;flex-direction:column;display:flex}.signin__scene{min-height:330px;padding-top:env(safe-area-inset-top,0px);flex:1;position:relative}.signin__wordmark{left:24px;top:calc(env(safe-area-inset-top,0px) + 18px);font-size:30px}.signin__headline{left:24px;right:24px;top:calc(env(safe-area-inset-top,0px) + 66px);max-width:320px;font-size:44px;line-height:47px}.signin__stage{left:calc(50% + 15px)}.signin__halo{width:calc(470px * var(--k));height:calc(470px * var(--k));left:calc(-235px * var(--k));bottom:calc(-40px * var(--k))}.signin__mug{left:calc(-280px * var(--k))}.signin__dot--lime{top:38%;left:auto;right:34px}.signin__dot--orange{width:12px;height:12px;left:34px;bottom:calc(var(--desk-h) + 180px * var(--k))}.signin__dot--grey{display:none}.signin__bubble,.signin__bubble--error{left:auto;right:calc(31px - 50vw);bottom:calc(330px * var(--k))}.signin__bubble--signedout{left:calc(9px - 50vw);right:auto}.signin__card{width:100%;padding:28px max(24px, env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) max(24px, env(safe-area-inset-left,0px));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;margin-top:-18px;position:relative;top:auto;right:auto;transform:none;box-shadow:0 -10px 30px -18px #00000080}.signin__card.m-shake-x{animation:.4s ease-in-out m-shake-x}.signin__title{margin-bottom:22px;font-size:34px}.signin__note{min-height:52px;margin-top:18px}.signin__callout{margin-bottom:20px}.signin__actions{margin-bottom:22px}.signin__actions .btn{flex:none}}@media (prefers-reduced-motion:reduce){.signin__steam path,.signin__glint,.signin--default .signin__bird img.is-on,.gbtn__egg{animation:none}.signin__glint{opacity:0}.signin__bubble{transition:opacity .2s;transform:none}}