.auth{min-height:100dvh;padding:0 var(--gutter) 40px;flex-direction:column;display:flex}.auth-top{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1200px;margin:0 auto;padding:18px 0;display:flex}.auth-main{flex:1;grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:center;gap:64px;width:100%;max-width:1200px;margin:0 auto;display:grid}.auth-hang{margin-top:84px}.auth-hang:before,.auth-banner{z-index:1}.peekers{pointer-events:none;height:150px;position:absolute;inset:-78px 0 auto}.peeker{position:absolute;top:0;bottom:0}.peek-body{z-index:0;border:2px solid var(--ink);transform-origin:50% 100%;transition:translate .55s var(--ease-spring);animation:peek-up .9s var(--ease-spring) backwards;animation-delay:calc(.35s + var(--d,0s));position:absolute;bottom:0;left:0;right:0}@keyframes peek-up{0%{translate:0 90px}}.peekers[data-shy] .peek-body{translate:0 40px}.peek-eyes{justify-content:center;gap:8px;margin-top:18px;display:flex}.eye{width:var(--eye);height:var(--eye);border:2px solid var(--ink);background:#fdfdfb;border-radius:50%;position:relative;overflow:hidden}.pupil{background:#1c1a18;border-radius:50%;width:46%;height:46%;margin:-23% 0 0 -23%;transition:translate .12s linear;position:absolute;top:50%;left:50%}.lid{background:var(--hue);border-bottom:2px solid var(--ink);transform-origin:50% 0;transition:scale .25s var(--ease-out);animation:6s infinite blink;position:absolute;inset:-2px;scale:1 0}@keyframes blink{0%,95%,to{scale:1 0}97%{scale:1}}.peekers[data-shy] .lid{animation:none;scale:1}.peek-mouth{background:var(--ink);width:14px;height:2px;transition:width .25s var(--ease-out), height .25s var(--ease-out), border-radius .25s;margin:10px auto 0;display:block}.peekers[data-shy] .peek-mouth{border:2px solid var(--ink);background:0 0;border-radius:50%;width:8px;height:8px}.peek-eyes{position:relative}.brow{width:calc(var(--eye) * .9);background:var(--ink);opacity:0;height:3px;transition:opacity .15s, rotate .25s var(--ease-out), translate .25s var(--ease-out);position:absolute;top:-9px}.brow--l{left:calc(50% - var(--eye) - 6px);rotate:0deg}.brow--r{right:calc(50% - var(--eye) - 6px);rotate:0deg}.peekers[data-mood=angry] .brow{opacity:1;translate:0 3px}.peekers[data-mood=angry] .brow--l{rotate:22deg}.peekers[data-mood=angry] .brow--r{rotate:-22deg}.peekers[data-mood=angry] .peek-body{animation:peek-shake .5s var(--ease-out) 2}.peekers[data-mood=angry] .peek-mouth{border:2px solid var(--ink);background:0 0;border-bottom:0;border-radius:14px 14px 0 0;width:14px;height:7px}.peekers[data-mood=angry] .lid{animation:none;scale:1 .35}@keyframes peek-shake{0%,to{translate:0}20%{translate:-6px}40%{translate:5px}60%{translate:-4px}80%{translate:2px}}.peekers[data-mood=happy] .peek-body{animation:peek-jump .7s var(--ease-out) var(--j,0s) 3}.peekers[data-mood=happy] .eye{border-color:var(--ink) transparent transparent;background:0 0;translate:0 5px}.peekers[data-mood=happy] .pupil,.peekers[data-mood=happy] .lid{display:none}.peekers[data-mood=happy] .peek-mouth{background:var(--ink);border-radius:0 0 18px 18px;width:18px;height:9px}.peekers[data-mood=happy] .peek-hand{animation:hand-up .7s var(--ease-out) var(--j,0s) 3}@keyframes peek-jump{0%,to{translate:0}40%{translate:0 -26px}}@keyframes hand-up{0%,to{translate:0}40%{translate:0 -34px}}.peek-hand{z-index:2;border:2px solid var(--ink);width:14px;height:20px;position:absolute;top:96px}.auth-title{margin-bottom:10px;font-size:clamp(44px,5.4vw,72px)}.auth-form{gap:16px;margin-top:28px;display:grid}.auth-form .btn{min-height:54px;margin-top:6px}.auth-dev{gap:16px;display:grid}.auth-google{background:var(--vinyl);width:100%}.auth-or{text-align:center;color:color-mix(in oklab, var(--ink) 82%, var(--rose));font-size:14px;font-weight:600}.auth-error{background:var(--vinyl);border:2px solid var(--ink);padding:10px 14px;font-size:15px;font-weight:600}.auth-note{color:color-mix(in oklab, var(--ink) 82%, var(--rose));font-size:14px}.auth-switch{margin-top:22px;font-weight:500}.auth-switch a{font-weight:700}.auth-legal{color:color-mix(in oklab, var(--ink) 78%, var(--bg));margin:14px 0 0;font-size:13px;line-height:1.5}.auth-legal a{color:var(--ink);font-weight:600}.auth-slides{justify-content:center;gap:20px;display:flex}.auth-slides .slide{width:min(46%,260px)}@media (prefers-reduced-motion:reduce){.peek-body,.peekers[data-mood] .peek-body,.peek-hand{animation:none!important}.lid{animation:none}}@media (max-width:860px){.auth-main{grid-template-columns:1fr;gap:32px}.auth-slides{display:none}}.auth-fields{gap:16px;display:grid}.field>label{font-size:14px;font-weight:600}.pw-label{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pw-label a{font-size:14px;font-weight:600}.pw-wrap{position:relative}.pw-wrap .input{width:100%;padding-right:52px}.pw-toggle{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:4px;translate:0 -50%}.pw-toggle:focus-visible{outline:3px solid var(--ink);outline-offset:-4px}.auth-phone{animation:phone-drop .45s var(--ease-spring);transform-origin:50% 0}@keyframes phone-drop{0%{opacity:0;translate:0 -8px;rotate:-1.5deg}}.hint--bad{color:var(--ink);font-weight:600}.auth-sent{background:var(--vinyl);border:2px solid var(--ink);gap:10px;margin-top:4px;padding:18px 18px 16px;display:grid}.auth-sent-title{font-size:22px;font-weight:800;line-height:1.15}.auth-sent p{line-height:1.5}.auth-sent-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:6px;display:flex}.auth-form .auth-resend{justify-self:start;min-height:40px;margin-top:0}.auth-link{font:inherit;text-underline-offset:3px;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.auth-devbox{border-top:2px dashed color-mix(in oklab, var(--ink) 35%, transparent);padding-top:14px}.auth-devbox summary{cursor:pointer;font-size:14px;font-weight:600}.auth-devbox[open] summary{margin-bottom:14px}@media (prefers-reduced-motion:reduce){.auth-phone{animation:none}}