.login{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:72px 24px;display:flex;position:relative;overflow:hidden}.login .halftone{opacity:.7}.login-back{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;position:absolute;top:28px;left:32px}.login-back:hover{color:var(--accent)}.login-form{width:min(360px,100%);position:relative}.login-form .brand{justify-content:center;margin-bottom:36px}.login-form h1{text-align:center;letter-spacing:-.025em;margin:0 0 28px;font-size:28px;font-weight:600}.login-form .field>span{color:var(--ink);font-weight:500}.pw{position:relative}.pw .input{height:42px;padding-right:44px}.eye{width:38px;height:38px;color:var(--mute);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:2px;right:2px}.eye:hover{color:var(--ink)}.eye:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.login-form .btn.block{height:42px;margin-top:4px}.login-form .btn.block:not(.primary){color:var(--dim)}.login-form .form-err{text-align:center}@media (max-width:560px){.login-back{top:20px;left:20px}}