.brand-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.entry-brand{display:flex;margin-bottom:42px;color:var(--ink)}
.entry-brand .brand-mark{background:var(--ink);color:#fff}
.field-plain{display:block}
.field-plain input{height:52px;font-size:15px!important;font-weight:600!important;letter-spacing:0}
.field-plain input::placeholder{font-size:15px!important;font-weight:600!important;letter-spacing:0!important;color:var(--muted);opacity:1}
.passcode-input::placeholder{letter-spacing:0}
.passcode-input:not(:placeholder-shown){letter-spacing:.35em}
.auto-login{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;cursor:pointer}
.auto-login input{accent-color:var(--accent)}
.auth-links{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:20px}
.auth-links span{width:1px;height:12px;background:var(--line)}
.auth-links.single{margin-top:24px}
.auth-links .text-link{color:var(--muted)}
.auth-links .text-link:hover{color:var(--accent)}
.progressive-form{overflow:hidden}
.step-field{max-height:0;min-height:0;margin:0;opacity:0;overflow:hidden;transform:translateY(-10px);pointer-events:none;transition:max-height .38s ease,opacity .3s ease,transform .38s ease,margin .38s ease}
.step-field.revealed{max-height:78px;margin:0;opacity:1;transform:translateY(0);pointer-events:auto;overflow:visible}
.auto-login.step-field.revealed{max-height:28px}
.primary:disabled{cursor:not-allowed;opacity:.35;transform:none}
.primary{transition:opacity .25s ease,background .25s ease,transform .18s ease}
.primary:not(:disabled):active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.step-field,.primary{transition:none}}