/* Innloggingssidene (logg inn, glemt passord, nytt passord) i samme redaksjonelle stil som forsiden.
   Tokens, skrifter og tospråklighet ligger i landing.css. */
body.lp.auth{display:block;min-height:100vh}
.lp.auth .authbox{width:min(440px,100% - 40px);margin:0 auto;padding:84px 0 64px;background:transparent;border:0;border-radius:0;box-shadow:none}
.lp.auth .authbox h1{margin:0 0 14px;font-family:var(--lp-grotesk);font-size:clamp(26px,3vw + 10px,36px);font-weight:400;letter-spacing:-.028em;line-height:1.1}
.lp.auth .authbox h1 a{display:inline-block}
.lp.auth .sub{margin:0 0 30px;max-width:none;font-family:var(--lp-serif);font-size:18px;line-height:1.5;color:var(--lp-ink)}

.lp.auth label{display:block;margin:22px 0 7px;font-family:var(--lp-mono);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--lp-svak)}
.lp.auth label:first-child{margin-top:0}
.lp.auth input[type=text],.lp.auth input[type=email],.lp.auth input[type=password]{
  width:100%;height:44px;padding:0 13px;border:1px solid var(--lp-svak);border-radius:0;background:transparent;box-shadow:none;
  font-family:var(--lp-grotesk);font-size:16px;color:var(--lp-ink);transition:border-color .12s}
.lp.auth input:focus{outline:none;border-color:var(--lp-ink);box-shadow:inset 0 0 0 1px var(--lp-ink)}

.lp.auth .btn.gronn,.lp.auth .full-knapp{display:flex;align-items:center;justify-content:center;width:100%;height:46px;margin-top:24px;padding:0 0 1px;
  border:1px solid var(--lp-knapp);border-radius:0;background:var(--lp-knapp);color:var(--lp-knapp-tekst);box-shadow:none;
  font-family:var(--lp-grotesk);font-size:16px;font-weight:400;transition:opacity .12s}
.lp.auth .btn.gronn:hover{background:var(--lp-knapp);opacity:.85;box-shadow:none}
.lp.auth .btn:disabled{opacity:.5}

.lp.auth .feilmelding,.lp.auth .banner.ok{margin:18px 0 0;padding:10px 13px;border:1px solid var(--lp-ink);border-radius:0;background:var(--lp-celle);color:var(--lp-ink);font-size:14.5px}
.lp.auth .liten.mute{margin-top:16px;font-size:14.5px;color:var(--lp-svak)}
.lp.auth .liten.mute a{text-decoration:underline;text-underline-offset:3px}
.lp.auth .liten.mute a:hover{color:var(--lp-ink)}
.lp.auth .sprakknapp{width:auto;margin:28px 0 0;padding:0;border:0;background:none;color:var(--lp-svak);font-family:var(--lp-grotesk);font-size:14.5px;border-radius:0;cursor:pointer}
.lp.auth .sprakknapp:hover{color:var(--lp-ink);background:none;text-decoration:underline;text-underline-offset:4px}