.login{min-height:100dvh;display:flex;flex-direction:column}.hero{background:linear-gradient(170deg,#0fa3a3,#0b7c7d 55%,#10223a);color:#fff;padding:56px var(--kant) 32px;text-align:center;border-bottom-left-radius:var(--r-ark);border-bottom-right-radius:var(--r-ark)}.hero h1{font-size:34px;line-height:40px}.ljus{color:rgba(255,255,255,.78)}.ansikten,.kod{padding:24px var(--kant);max-width:560px;margin:0 auto;width:100%}.ansikten .label,.kod .label{text-align:center;display:block;margin-bottom:16px}.rutnat{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--mellan);gap:var(--mellan)}@media (max-width:380px){.rutnat{grid-template-columns:repeat(3,1fr)}}.ansikte{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;border-radius:var(--r-kort)}.ansikte:active{transform:scale(.96)}.bubbla{width:60px;height:60px;border-radius:999px;display:grid;place-items:center;color:#fff;font-family:var(--font-nunito);font-weight:800;font-size:24px;box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--ring)}.namn{font-size:13px;font-weight:600}.tillbaka{all:unset;cursor:pointer;color:var(--lagun-djup);font-weight:650}.prickar{display:flex;justify-content:center;gap:14px;margin:20px 0 8px}.prick{width:14px;height:14px;border-radius:999px;background:var(--linje);transition:background var(--tid)}.prick.fylld{background:var(--lagun)}.felrad{text-align:center;color:var(--fel);font-weight:650;margin:4px 0 0}.knappsats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--mellan);gap:var(--mellan);max-width:300px;margin:20px auto 0}.knappsats button{all:unset;cursor:pointer;height:64px;display:grid;place-items:center;background:var(--kort);border-radius:var(--r-kort);box-shadow:var(--skugga-kort);font-size:24px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.knappsats button:active{transform:scale(.95);background:var(--linje)}.knappsats .sudd{font-size:20px;box-shadow:none;background:transparent}