Inconsistent max-length field in HTML, can't purchase premium.

[lsc]

So, I'll just get right to it. 

This is the snippet from the landing page for passwords.

<p>
    <label for="login-password">Password</label><br>
    <input type="password" name="password" tabindex="2" id="login-password">
</p>

 You will find this on line 71 on http://www.spotify.com/se/

If I now go  "Get Spotify" -> {Unlimited,Premium} -> Get  (for example this URL https://www.spotify.com/se/get-spotify/go/unlimited/) You will find the following, Starting on line 67.

<div class="payment">
	<h1>Almost there...</h1>
	<p>For security reasons, you must enter your password to complete the payment.</p>
	<span class="label_password">Password</span>
	<input type="password" id="password" value="" class="text" maxlength="40" name="password" autocomplete="off">
</div>

 Now, as the paranoid geek I am, I always generate 64 random characters passwords for every service I use (Dropbox + KeePassX, you are awesome). Which means that I can't buy premium nor unlimited. BUT! I can register and login to spotify 😞