main.login-sida{max-width:440px;color:var(--ink);padding-top:10vh}main.login-sida:before{content:"";z-index:-1;background:var(--yta-is);position:fixed;inset:0}.login-sida .wordmark{font-weight:var(--serifvikt-display);margin-bottom:var(--sp-6)}.login-sida .wordmark a{color:var(--ink);text-decoration:none}.login-sida .wordmark em{color:var(--bla)}.login-sida .dokument{background:var(--kort);border:1px solid var(--linje);border-radius:var(--r-lg);box-shadow:var(--skugga-lyft);padding:var(--sp-6)}@media (min-width:520px){.login-sida .dokument{padding:var(--sp-8)}}.login-sida h1{letter-spacing:var(--tracking-snug);color:var(--ink);margin:0 0 var(--sp-6);font-size:24px;font-weight:600}.login-sida form{gap:var(--sp-4);display:grid}.login-sida label{display:block}.login-sida .falt-etikett{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-svag);margin-bottom:var(--sp-1);font-size:11px;font-weight:600;display:block}.login-sida input{width:100%;font-family:var(--font-sans);color:var(--ink);background:var(--kort);border:1px solid var(--linje-stark);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);font-size:16px;display:block}.login-sida input:focus{border-color:var(--bla);outline:none;box-shadow:0 0 0 3px #2563eb2e}.login-sida .login-knapp{color:#fff;background:var(--bla);border:1px solid var(--bla);border-radius:var(--r-md);width:100%;padding:var(--sp-3) var(--sp-6);margin-top:var(--sp-2);font-size:16px;font-weight:600}.login-sida .login-knapp:hover:not(:disabled){background:var(--bla-djup);border-color:var(--bla-djup)}.login-sida .login-knapp:disabled{opacity:.55}.login-sida .fel{color:var(--fel)}.login-sida .tyst{color:var(--ink-svag)}.login-sida .dev-not{border-top:1px solid var(--linje);padding-top:var(--sp-4);margin-top:var(--sp-6)}