.signin-page{min-height:100dvh}.signin{--ink:#000;--ink-dim:#0000008f;--edge:#00000029;height:100dvh;padding:calc(var(--bar) + 1rem) clamp(1.5rem, 7vw, 7rem) 2rem 0;background:#000;grid-template-columns:minmax(0,1fr) minmax(0,26rem);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid;overflow:hidden}.signin-side{width:100%}.doorman{z-index:1;align-items:center;min-width:0;display:flex;position:relative}.doorman-face{aspect-ratio:1;flex:none;width:min(60vw,96vh);margin-left:calc(-1*min(16vw,12rem))}.thought{align-self:flex-start;align-items:center;margin-top:14vh;margin-left:-8%;display:flex}.cloud{max-width:17rem;color:var(--ink);text-align:center;text-wrap:balance;background:#fff;border-radius:1.15rem;margin:0;padding:.75rem 1.15rem;font-size:.875rem;font-weight:500;line-height:1.45;position:relative}.cloud-tail{align-items:center;gap:.25rem;margin-right:.45rem;display:flex}.cloud-tail i{background:#fff;border-radius:50%;display:block}.cloud-tail i:first-child{width:.3rem;height:.3rem}.cloud-tail i:last-child{width:.5rem;height:.5rem}.signin-card{color:var(--ink);background:#fff;border-radius:24px;padding:2rem 1.75rem 1.75rem;position:relative;box-shadow:0 30px 80px #0009}.signin-card h1{letter-spacing:-.03em;margin:0;font-size:1.625rem;font-weight:700}.signin-sub{color:var(--ink-dim);margin:.35rem 0 0;font-size:.875rem}.signin-form{flex-direction:column;gap:1.1rem;margin-top:1.6rem;display:flex}.signin-field{flex-direction:column;gap:.4rem;margin:0;display:flex}.signin-field label{color:var(--ink-dim);letter-spacing:.07em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.signin-field input{border:1px solid var(--edge);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:.85rem .95rem;font-size:1rem;transition:border-color .16s}.signin-field input:hover{border-color:#0000005c}.signin-field input::placeholder{color:#00000057}.signin-field input:focus-visible{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);outline:none}.signin-field input:-webkit-autofill{-webkit-text-fill-color:var(--ink);transition:background-color 999999s;box-shadow:inset 0 0 0 1000px #fff}.signin-field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);transition:background-color 999999s;box-shadow:inset 0 0 0 1000px #fff}.signin-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink), inset 0 0 0 1000px #fff}.signin-field input:autofill{background:#fff}.signin-note{border:1px solid var(--edge);color:var(--ink-dim);border-radius:12px;margin:0;padding:.7rem .9rem;font-size:.8125rem}.signin-error{color:#b3261e;background:#b3261e1a;border-radius:12px;margin:0;padding:.7rem .9rem;font-size:.8125rem}.signin-go{background:var(--ink);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin-top:.3rem;padding:.9rem 1.5rem;font-size:.9375rem;font-weight:500;transition:opacity .16s;display:flex}.signin-go:disabled{opacity:.5;cursor:not-allowed}.signin-go:hover:not(:disabled){opacity:.86}.signin-back{color:#ffffff6b;text-align:center;margin-top:1.75rem;font-size:.8125rem;text-decoration:none;display:block}.signin-back:hover{color:#fffc}.signin a:focus-visible,.signin button:focus-visible{outline-offset:3px;outline:2px solid #fff}.signin-card a:focus-visible,.signin-card button:focus-visible{outline-color:var(--ink)}@media (max-width:900px){.signin{height:auto;min-height:100dvh;padding:calc(var(--bar) + 1.5rem) 1.25rem 3rem;flex-direction:column;align-items:center;display:flex;overflow:visible}.signin-side{max-width:25rem}.doorman{flex-direction:column;margin-bottom:1.5rem}.doorman-face{width:min(64vw,17rem);margin:0 0 -1.5rem}.thought{flex-direction:column-reverse;align-self:center;margin:0 0 .35rem}.cloud-tail{flex-direction:column-reverse;margin:.3rem 0 0}}
