.au{grid-template-columns:minmax(0,1.1fr) minmax(420px,1fr);min-height:100vh;display:grid}.au-art{border-right:1px solid var(--line);background:#ede6db;height:100vh;padding:24px;position:sticky;top:0;overflow:hidden}.au-collage{opacity:.95;height:100%}.au-main{flex-direction:column;min-height:100vh;padding:32px 48px;display:flex}.au-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.au-brand{align-self:flex-start;align-items:center;display:flex}.au-top .au-brand{align-self:center}.au-body{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:380px;margin:0 auto;padding:40px 0;display:flex}.au-step{animation:.45s cubic-bezier(.2,.7,.3,1) both au-in}@keyframes au-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.au-step h1{font-family:var(--cn-serif);letter-spacing:.5px;margin:0;font-size:30px;font-weight:500}.au-sub{color:var(--ink2);margin:12px 0 30px;font-size:14px;line-height:1.75}.au-sub b{color:var(--ink);word-break:break-all;font-weight:500}.au-label{color:var(--ink2);margin-bottom:8px;font-size:12.5px;font-weight:500;display:block}.au-input{border:1px solid var(--line);background:#fffdf9;border-radius:12px;outline:0;width:100%;height:48px;padding:0 16px;font-size:15px;transition:border-color .15s,box-shadow .15s;display:block}.au-input::placeholder{color:#c4bbae}.au-input:focus{border-color:var(--ink3);box-shadow:0 0 0 4px #a39a8e29}.au-input.bad{border-color:#c98a82;box-shadow:0 0 0 4px #b5524a14}.au-err{color:#b5524a;min-height:20px;margin:8px 0 10px;font-size:12.5px;line-height:20px}.au-err.ok{color:var(--ink2)}.au-btn{background:var(--ink);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-size:14.5px;font-weight:500;transition:transform .12s,box-shadow .2s,background .2s,opacity .2s;display:flex}.au-btn:hover:not(:disabled){box-shadow:0 8px 20px #2b26212e}.au-btn:active:not(:disabled){transform:scale(.98)}.au-btn:disabled{opacity:.7;cursor:default}.au-btn.ghost{color:var(--ink);border:1px solid var(--line);background:#fffdf9}.au-btn.ghost:hover:not(:disabled){border-color:var(--ink3);box-shadow:0 6px 16px #3c28140f}.au-btn.ghost .au-spin{border-color:#2b26212e;border-top-color:var(--ink)}.au-g{width:18px;height:18px;fill:var(--ink)}.au-or{color:var(--ink3);align-items:center;gap:14px;margin:22px 0;font-size:12px;display:flex}.au-or:before,.au-or:after{content:"";background:var(--line);flex:1;height:1px}.au-foot{color:var(--ink3);margin:26px 0 0;font-size:12.5px;line-height:1.7}.au-home{color:var(--ink3);border-radius:8px;align-self:center;padding:6px 10px;font-size:12.5px}.au-home:hover{color:var(--ink)}.au-back{color:var(--ink2);border-radius:8px;align-items:center;gap:4px;margin:0 0 22px -6px;padding:6px 10px 6px 4px;font-size:13px;display:inline-flex}.au-back:hover:not(:disabled){color:var(--ink);background:#7864460f}.au-back .ico{width:16px;height:16px}.au-code{cursor:text;gap:6px;display:flex;position:relative}.au-code input{opacity:0;color:#0000;caret-color:#0000;z-index:1;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.au-cell{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#fffdf9;border-radius:10px;flex:1;place-items:center;min-width:0;height:54px;font-size:22px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .2s;display:grid}.au-cell:nth-child(5){margin-right:10px}.au-cell.filled{border-color:#d8cfc1;animation:.32s cubic-bezier(.3,1.6,.5,1) au-pop}.au-cell.cur{border-color:var(--ink3);box-shadow:0 0 0 4px #a39a8e29}.au-cell.cur:not(.filled):after{content:"";background:var(--ink);width:1.5px;height:22px;animation:1s step-end infinite au-caret}@keyframes au-pop{0%{transform:scale(.86)}to{transform:scale(1)}}@keyframes au-caret{50%{opacity:0}}.au-code.s-busy .au-cell{animation:1s ease-in-out infinite au-wave;animation-delay:calc(var(--i) * 70ms)}@keyframes au-wave{0%,to{background:#fffdf9;transform:none}40%{background:#f6efe4;transform:translateY(-3px)}}.au-code.s-error .au-cell{color:#b5524a;background:#fdf6f3;border-color:#c98a82}.au-code.s-ok .au-cell{border-color:var(--accent);color:#b85d1f;animation:.42s cubic-bezier(.3,1.5,.5,1) both au-ok;animation-delay:calc(var(--i) * 35ms);background:#fdf3ea}@keyframes au-ok{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}.au-shake{animation:.42s cubic-bezier(.36,.07,.19,.97) au-shake}@keyframes au-shake{15%,85%{transform:translate(-2px)}30%,70%{transform:translate(4px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}}.au-resend{min-height:24px;color:var(--ink3);font-size:13px}.au-resend button{color:var(--ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--ink3);text-decoration-color:var(--ink3);font-size:13px}.au-resend button:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.au-checking{color:var(--ink2);align-items:center;gap:8px;display:inline-flex}.au-checking .au-spin{border-color:#2b262126;border-top-color:var(--ink2);width:14px;height:14px}.au-spin{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite au-rot}@keyframes au-rot{to{transform:rotate(360deg)}}.au-code-plain{border:1px solid var(--line);letter-spacing:3px;text-transform:uppercase;background:#fffdf9;border-radius:12px;outline:0;width:100%;height:48px;padding:0 16px;font-size:16px;display:block}.au-code-plain:focus{border-color:var(--ink3);box-shadow:0 0 0 4px #a39a8e29}@media (prefers-reduced-motion:reduce){.au-step,.au-cell.filled,.au-code.s-busy .au-cell,.au-code.s-ok .au-cell,.au-shake{animation:none}}@media (max-width:900px){.au{grid-template-columns:1fr}.au-art{border-right:0;border-bottom:1px solid var(--line);height:220px;padding:0 12px;position:relative}.au-collage{-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.au-main{min-height:calc(100vh - 220px);padding:20px 20px 24px}.au-body{justify-content:flex-start;padding:28px 0 32px}.au-step h1{font-size:26px}.au-sub{margin-bottom:24px}.au-cell{border-radius:9px;height:48px;font-size:20px}.au-code{gap:5px}.au-cell:nth-child(5){margin-right:6px}}.au-link{color:var(--ink2);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);margin-left:4px;font-size:12.5px}.au-link:hover{color:var(--ink)}.au-brand img{width:auto;height:38px;display:block}