.login-page{display:grid;align-content:end;min-height:100dvh;padding:var(--space-section) var(--gutter);background:radial-gradient(120% 80% at 85% 0,color-mix(in oklab,var(--silver) 9%,transparent),transparent 60%),var(--surface)}.login{display:grid;gap:var(--space-unit);width:100%;max-width:27rem}.login__mark{margin:0;font-size:var(--text-lead)}.login__title{font-size:var(--text-title);margin-block-start:calc(var(--space-unit) * -.25)}.login__lead{margin:0 0 var(--space-wide);padding-block-end:var(--space-wide);border-block-end:1px solid var(--rule);color:var(--text-dim);font-size:var(--text-small)}.login__field{display:grid;gap:var(--space-hair)}.login__label{color:var(--text-dim);font-size:var(--text-micro)}.login__input{min-height:2.75rem;padding:var(--space-tight) 0;border:0;border-block-end:1px solid var(--rule-strong);background:transparent;color:var(--text);font-family:inherit;font-size:var(--text-body);transition:border-color var(--duration-fast) var(--ease-out-expo)}.login__input:hover:not(:disabled){border-block-end-color:var(--text-dim)}.login__input:focus{border-block-end-color:var(--bone);outline:none}.login__input:focus-visible{outline:none}.login__input:disabled{border-block-end-style:dashed;color:var(--text-faint)}.login__input--code{font-family:var(--font-mono);font-size:var(--text-lead);letter-spacing:.08em}.login__hint{color:var(--text-faint);font-size:var(--text-micro)}.login__submit{justify-self:start;margin-block-start:var(--space-unit);padding:var(--space-tight) var(--space-wide);border:1px solid var(--bone);background:var(--bone);color:var(--ink);font-family:inherit;font-size:var(--text-small);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo),opacity var(--duration-fast) var(--ease-out-expo)}.login__submit:focus-visible,.login__submit:hover:not(:disabled){background:transparent;color:var(--bone)}.login__submit:active:not(:disabled){background:var(--text-dim);color:var(--ink)}.login__submit:disabled{border-color:var(--rule-strong);background:transparent;color:var(--text-faint);cursor:not-allowed}.login__status{display:grid;gap:var(--space-hair);min-height:3.5rem;margin-block-start:var(--space-unit)}.login__error,.login__status-line{color:var(--text);font-size:var(--text-small)}.login__error{padding-inline-start:var(--space-tight);border-inline-start:2px solid var(--text-dim)}.login__link{justify-self:start;margin-block-start:var(--space-tight);padding:var(--space-tight) 0;border:0;background:none;color:var(--text-dim);font-family:inherit;font-size:var(--text-small);text-decoration:underline;text-underline-offset:.35em;cursor:pointer;transition:color var(--duration-fast) var(--ease-out-expo)}.login__link:focus-visible,.login__link:hover:not(:disabled){color:var(--text)}.login__link:disabled{opacity:.5;cursor:not-allowed}@media (max-width:47.999rem){.login-page{align-content:center}}@media (prefers-reduced-motion:reduce){.login__input,.login__link,.login__submit{transition:none}}