*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}.login{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:380px;display:flex}.mark{width:56px;height:56px;margin-bottom:18px}.wordmark{font:400 32px/1.2 var(--serif);margin:0}.wordmark i{color:var(--accent)}.lead{color:var(--muted);font:italic 17px/1.4 var(--serif);margin:6px 0 32px}.form{flex-direction:column;gap:10px;width:100%;display:flex}.label{color:var(--muted);font-size:13px}.field{border:1px solid var(--line);background:var(--field);height:48px;color:var(--ink);font:18px var(--sans);text-align:center;border-radius:10px;outline:none;padding:0 14px}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--selected)}.field[aria-invalid=true]{border-color:var(--danger)}.enter{background:var(--accent);height:48px;color:var(--on-accent);font:600 15px var(--sans);cursor:pointer;border:0;border-radius:24px}.enter:disabled{opacity:.5;cursor:default}.error{min-height:2.8em;color:var(--danger);margin:4px 0 0;font-size:13px;line-height:1.4}