.auth{--paper:#faf8f1;--ink:#262b28;--soft:#66706a;--line:#dcdcd2;min-height:100dvh;color:var(--ink);background:#fff;place-items:center;padding:88px 24px 56px;display:grid;position:relative}.auth-frame{isolation:isolate;border-radius:6px;place-items:center;width:min(100%,520px);padding:72px 32px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1f29260f,0 2px 4px #1f29260f,0 16px 32px -12px #1f29262e,0 44px 80px -32px #1f292647}.auth-frame:before{content:"";z-index:-1;transform-origin:30% 30%;animation:auth-paint 1.8s var(--glide) both;background:#9fb6bd url(/intro/pond-painting.webp) 30% 0/cover no-repeat;position:absolute;inset:0}.auth-mark{color:var(--ink);letter-spacing:-.02em;font-size:15px;font-weight:600;position:absolute;top:32px;left:40px}.auth-mark:hover{text-underline-offset:4px;text-decoration:underline}.auth-label{-webkit-backdrop-filter:blur(16px)saturate(1.15);width:100%;animation:auth-rise .6s .18s var(--glide) both;background:#faf8f1d1;border:1px solid #fff9;padding:30px 32px 28px;box-shadow:inset 0 1px #ffffffb3,0 12px 30px -14px #31403b4d,0 1px 2px #31403b1f}.auth-step{animation:auth-step .42s var(--glide) both}.auth-eyebrow{color:var(--soft);margin:0 0 10px;font-size:13px}.auth-label h1{letter-spacing:-.02em;text-wrap:balance;margin:0 0 22px;font:500 30px/1.3 Songti SC,STSong,serif}.auth-label p{overflow-wrap:anywhere;text-wrap:pretty;margin:0;line-height:1.7}.auth-code{border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:.08em;white-space:nowrap;padding:18px 0 16px;font:400 46px/1 Baskerville,Iowan Old Style,Georgia,serif}.auth-meta{grid-template-columns:52px minmax(0,1fr);gap:6px 12px;margin:16px 0 22px;font-size:14px;display:grid}.auth-meta dt{color:var(--soft)}.auth-meta dd{overflow-wrap:anywhere;margin:0}.auth-note{color:var(--soft);font-size:13px;margin-bottom:18px!important}.auth-field{color:var(--soft);margin-bottom:8px;font-size:13px;display:block}.auth-input{border:1px solid var(--line);width:100%;min-height:48px;color:inherit;font:inherit;background:#fffdf7;border-radius:0;margin-bottom:14px;padding:10px 12px;font-size:16px;transition:border-color .18s,box-shadow .18s;display:block}.auth-input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}.auth-input::placeholder{color:#c3c6bd}.auth-input-code{letter-spacing:.42em;padding-left:14px;font:400 34px/1 Baskerville,Iowan Old Style,Georgia,serif}.auth-input-device{letter-spacing:.08em;text-transform:uppercase;font:400 28px/1 Baskerville,Iowan Old Style,Georgia,serif}.auth-actions{gap:10px;display:flex}.auth-primary,.auth-secondary{min-height:46px;font:inherit;cursor:pointer;padding:0 16px;font-size:15px;transition:background .18s,transform .12s}.auth-primary{background:var(--ink);color:var(--paper);border:0;flex:1;justify-content:space-between;align-items:center;display:flex}.auth-primary>span{transition:transform .3s var(--glide);font-size:16px}.auth-primary:hover{background:#3d4740}.auth-primary:hover>span{transform:translate(3px)}.auth-secondary{border:1px solid var(--line);color:var(--ink);background:0 0}.auth-secondary:hover{background:#efeee6}.auth-primary:active,.auth-secondary:active{transform:translateY(1px)}.auth-primary:disabled,.auth-secondary:disabled{opacity:.55;cursor:default;transform:none}.auth-links{gap:20px;margin-top:14px;display:flex}.auth-text{color:var(--soft);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:4px 0;font-size:13px;text-decoration:underline}.auth-text:hover{color:var(--ink)}.auth-text:disabled{opacity:.55;cursor:default}.auth-sent{font-size:14px;margin-bottom:16px!important}.auth-sent b{font-weight:500}.auth-error{color:#983c2d;font-size:14px;margin-top:14px!important}.auth-github{border-top:1px solid var(--line);justify-content:space-between;margin-top:22px;padding-top:16px;font-size:14px;display:flex}.auth-github:hover{text-underline-offset:4px;text-decoration:underline}.auth-check{width:44px;height:44px;margin-bottom:14px;display:block}.auth-check circle{fill:none;stroke:var(--line);stroke-width:1.5px}.auth-check path{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30px;animation:auth-draw .5s .12s var(--glide) forwards}@keyframes auth-paint{0%{transform:scale(1.05)}}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes auth-step{0%{opacity:0;transform:translate(10px)}}@keyframes auth-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.auth-frame:before,.auth-label,.auth-step,.auth-check path{animation:none}.auth-check path{stroke-dashoffset:0}}@media (max-width:600px){.auth{padding:72px 12px 24px}.auth-frame{border-radius:4px;width:100%;padding:48px 12px}.auth-mark{top:24px;left:20px}.auth-label{width:100%;padding:24px 20px 20px}.auth-label h1{font-size:25px}.auth-code{font-size:38px}}