.entry{place-items:center;padding:24px 0 8vh;display:grid}.signin{width:min(100%,360px);animation:arrive .6s var(--ease) both}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}}.signin h1{letter-spacing:-.02em;font-size:30px;font-weight:500;line-height:1.15}.lede{color:var(--muted);margin-top:6px}.field{margin-top:20px}.lede+.field{margin-top:36px}.field label{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input{border:1px solid var(--faint);width:100%;height:48px;color:var(--ink);caret-color:var(--accent);font:inherit;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);background:#e6ece808;border-radius:12px;padding:0 14px;font-size:16px;display:block}.input:hover{border-color:#7a857f}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #45c99a33}.input[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #f2968433}.input:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 9999s;box-shadow:inset 0 0 0 100px #111512}.input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);transition:background-color 9999s;box-shadow:inset 0 0 0 100px #111512}.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);box-shadow:inset 0 0 0 100px #111512,0 0 0 3px #45c99a33}.secret{position:relative}.secret .input{padding-right:76px}.reveal{height:36px;color:var(--muted);cursor:pointer;transition:background-color .2s var(--ease), color .2s var(--ease);background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:14px;font-weight:500;position:absolute;top:6px;right:6px}.reveal:hover{background:var(--wash);color:var(--ink)}.reveal:focus-visible{outline-offset:0}.error{min-height:20px;color:var(--danger);margin-top:12px;font-size:14px;line-height:20px}.submit{background:var(--ink);width:100%;height:48px;color:var(--bg);cursor:pointer;transition:background-color .2s var(--ease), transform .15s var(--ease);border:0;border-radius:999px;margin-top:16px;font-size:16px;font-weight:500;display:block;position:relative}.submit:hover{background:#f6f9f7}.submit:active{transform:scale(.985)}.submit:disabled{cursor:progress}.spinner{opacity:0;width:20px;height:20px;transition:opacity .2s var(--ease);margin-top:-10px;position:absolute;top:50%;right:16px}.submit[aria-busy=true] .spinner{opacity:1}.spinner circle{fill:currentColor;opacity:.2;animation:.8s linear infinite paused orbit-dot;animation-delay:calc(var(--i) * .1s - .8s)}.submit[aria-busy=true] .spinner circle{animation-play-state:running}@keyframes orbit-dot{0%{opacity:1}70%,to{opacity:.2}}@media (prefers-reduced-motion:reduce){.signin{animation:none}.submit[aria-busy=true] .spinner circle{animation-play-state:paused}}@media (width<=640px){.entry{place-items:start center;padding:9vh 0 24px}.signin h1{font-size:27px}}