.login-page{place-items:center;min-height:100vh;padding:24px 16px;display:grid;position:relative}.login-card{z-index:1;background:var(--surface);width:100%;max-width:380px;box-shadow:var(--shadow), inset 0 0 0 1px var(--ring);border-radius:24px;padding:32px 28px;position:relative}.login-brand{margin-bottom:28px}.login-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 20px;font-size:24px;font-weight:500}.login-form{flex-direction:column;gap:8px;display:flex}.login-label{color:var(--ink-2);margin-top:6px;font-size:13px}.login-fout{background:var(--bad-soft);color:var(--bad);border-radius:12px;margin:6px 0 0;padding:10px 14px;font-size:14px}.login-knop{justify-content:space-between;width:100%;height:46px;margin-top:14px;font-size:15px}.login-hint{color:var(--ink-3,var(--ink-2));margin:14px 0 0;font-size:13px;line-height:1.5}.login-hint a{color:var(--accent);text-decoration:none}.login-hint a:hover{text-decoration:underline}