.login-page{background:var(--panel);min-height:100dvh;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-body);padding:var(--space-24);box-sizing:border-box;place-items:center;display:grid}.login-mark{top:var(--space-16);left:var(--space-16);align-items:center;gap:var(--space-8);font-size:var(--text-body);font-weight:var(--weight-bold);display:flex;position:fixed}.login-card{width:100%;max-width:calc(var(--dialog-w) / 1.5);gap:var(--space-12);flex-direction:column;display:flex}.login-card h1{margin:0 0 var(--space-8);font-size:var(--text-title);font-weight:var(--weight-strong)}.login-card form{gap:var(--space-8);flex-direction:column;display:flex}.login-card input{height:var(--control-md);padding:0 var(--space-12);border-radius:var(--radius-control);background:var(--field);color:var(--ink);font:inherit;font-size:var(--text-field);border:0}.login-card input::placeholder{color:var(--placeholder)}.login-card input:focus-visible{box-shadow:var(--focus-ring);outline:none}.login-card button{height:var(--control-md);border-radius:var(--radius-control);font:inherit;font-weight:var(--weight-strong);cursor:pointer;border:0}.login-primary{background:var(--action);color:var(--on-ink)}.login-primary:hover{background:var(--action-hover)}.login-primary:disabled{cursor:default}.login-note{color:var(--muted);line-height:var(--leading-body);margin:0}.login-error{color:var(--bad);font-size:var(--text-meta);margin:0}