.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:18px 0 0;font-size:13px;line-height:1.5}.login-uitleg{color:var(--ink-2);margin:12px 0 0;font-size:13.5px;line-height:1.5}.login-uitleg a{color:var(--accent);text-decoration:none}.login-wissel{all:unset;cursor:pointer;color:var(--accent);font-size:13.5px}.login-wissel:hover{text-decoration:underline}.login-wissel:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.login-wissel:disabled{color:var(--ink-3,var(--ink-2));cursor:default;text-decoration:none}.login-post{background:var(--accent-soft);color:var(--ink);border-radius:14px;flex-direction:column;gap:4px;margin-bottom:6px;padding:14px 16px;font-size:14.5px;line-height:1.5;display:flex}.login-post b{font-size:15.5px;font-weight:500}.login-adres{overflow-wrap:anywhere;font-weight:500}.login-code{letter-spacing:.2em;font-variant-numeric:tabular-nums;font-size:20px}.login-ok{color:#0d7a48;background:#14955a1a;border-radius:12px;margin:6px 0 0;padding:10px 14px;font-size:14px}.login-acties{color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:16px;font-size:13.5px;display:flex}.login-hint a{color:var(--accent);text-decoration:none}.login-hint a:hover{text-decoration:underline}