.login-wrap{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);padding:30px 28px 28px}.login-brand{align-items:center;gap:12px;margin-bottom:26px;display:flex}.login-mark{border-radius:var(--r-sm);background:var(--hot);color:#fff;flex:none;place-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:grid}.login-brand b{letter-spacing:-.01em;font-size:16px;font-weight:600;display:block}.login-brand div span{color:var(--ink-3);font-size:12px;display:block}.login-form{flex-direction:column;gap:6px;display:flex}.login-form label{color:var(--ink-2);margin-top:10px;font-size:12.6px;font-weight:600}.login-form input{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);font:inherit;padding:10px 12px;font-size:14px}.login-form button{border-radius:var(--r-sm);background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:none;margin-top:20px;padding:11px;font-size:14px;font-weight:600}.login-form button:disabled{opacity:.6;cursor:progress}.login-feil{border-radius:var(--r-sm);background:var(--crit-soft);color:var(--crit);margin:14px 0 0;padding:9px 11px;font-size:12.8px}.login-personvern{text-align:center;margin:18px 0 0;font-size:12.6px}.login-personvern a{color:var(--ink-3);text-underline-offset:3px}.login-personvern a:hover{color:var(--ink-2)}.login-personvern a:focus-visible{outline:2px solid var(--hot);outline-offset:3px;border-radius:2px}