.logowanie-strona{min-height:100dvh;padding:var(--space-section) var(--space-gutter);background:var(--color-shell);place-items:center;display:grid}.logowanie-kolumna{width:100%;max-width:var(--size-sheet);gap:var(--m-5);transition:max-width var(--dur-slow) var(--ease-out);display:grid}.logowanie-kolumna[data-szeroka]{max-width:calc(var(--size-sheet) + var(--size-sidebar))}.logowanie-naglowek{justify-content:center;align-items:center;gap:var(--m-3);color:var(--color-fg);animation:logowanie-wejscie var(--dur-slow) var(--ease-out) both;display:flex}.logowanie-naglowek .logowanie-logo{height:calc(var(--size-logo) * 1.25)}.logowanie-naglowek-kreska{width:var(--m-hair);height:var(--size-icon);background:var(--color-border-strong)}.logowanie-naglowek-nazwa{font-size:var(--text-body);line-height:var(--text-body--line-height);font-weight:var(--font-weight-medium);color:var(--color-fg-secondary);letter-spacing:var(--tracking-normal)}.logowanie-karta{padding:var(--m-8);border-radius:var(--radius-panel);animation:logowanie-wejscie var(--dur-slow) var(--ease-out) both;animation-delay:var(--dur-stagger)}.logowanie-ramka{transition:height var(--dur-base) var(--ease-out);overflow-clip-margin:var(--m-2);overflow:clip}.logowanie-wnetrze,.logowanie-krok{gap:var(--m-5);min-width:0;display:grid}.logowanie-gora{justify-content:space-between;align-items:center;gap:var(--m-3);min-height:var(--size-control-sm);display:flex}.logowanie-wyjscie{margin-right:calc(var(--m-3) * -1)}.logowanie-kroki{align-items:center;gap:var(--m-3);display:flex}.logowanie-kroki-tekst{font-size:var(--text-label);line-height:var(--text-label--line-height);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.logowanie-kroki-pasek{gap:var(--m-1);margin:0;padding:0;list-style:none;display:flex}.logowanie-kroki-pasek li{width:var(--m-4);height:var(--m-1);border-radius:var(--radius-full);background:var(--color-border);transition:width var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out)}.logowanie-kroki-pasek li[data-stan=zrobiony]{background:var(--color-fg-muted)}.logowanie-kroki-pasek li[data-stan=biezacy]{width:var(--m-8);background:var(--color-accent)}.logowanie-tytul{gap:var(--m-2);animation:logowanie-krok var(--dur-base) var(--ease-out) both;display:grid}.logowanie-tytul h1{font-size:var(--text-display);line-height:var(--text-display--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-fg);text-wrap:balance}.logowanie-opis{color:var(--color-fg-secondary);font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);text-wrap:pretty}.logowanie-ikona{width:var(--size-control-lg);height:var(--size-control-lg);border-radius:var(--radius-card);background:var(--color-surface-muted);color:var(--color-fg-secondary);animation:logowanie-krok var(--dur-base) var(--ease-out) both;place-items:center;display:grid}.logowanie-ikona svg{width:var(--size-icon-lg);height:var(--size-icon-lg)}.logowanie-ikona .krecik{animation:logowanie-obrot var(--dur-number) var(--ease-linear) infinite}.logowanie-blad,.logowanie-uwaga{gap:var(--m-2);padding:var(--m-3) var(--m-4);border-radius:var(--radius-control);font-size:var(--text-body);line-height:var(--text-body--line-height);animation:logowanie-komunikat var(--dur-base) var(--ease-out) both;align-items:flex-start;display:flex}.logowanie-blad{background:var(--color-danger-bg);color:var(--color-danger)}.logowanie-blad svg{margin-top:calc(var(--m-1) / 2)}.logowanie-uwaga{background:var(--color-surface-muted);color:var(--color-fg-secondary)}.logowanie-formularz{animation:logowanie-krok var(--dur-base) var(--ease-out) both}.logowanie-formularz fieldset{gap:var(--m-4);border:0;min-width:0;margin:0;padding:0;display:grid}.logowanie-formularz label{gap:var(--m-2);font-size:var(--text-body);line-height:var(--text-body--line-height);font-weight:var(--font-weight-medium);color:var(--color-fg);display:grid}.logowanie-formularz input:not([type=checkbox]){width:100%;min-height:var(--size-control-lg);padding:var(--m-2) var(--m-3);border:var(--m-hair) solid var(--color-border-control);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-fg);font-family:inherit;font-size:var(--text-body-lg);line-height:var(--text-body-lg--line-height);font-weight:var(--font-weight-regular);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.logowanie-formularz input:not([type=checkbox]):hover{border-color:var(--color-fg-muted)}.logowanie-formularz input:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 var(--m-hair) var(--color-focus)}.logowanie-formularz fieldset:disabled input{background:var(--color-surface-muted);color:var(--color-fg-muted)}.logowanie-formularz .btn-lg{margin-top:var(--m-1)}.logowanie-pole-opis{font-size:var(--text-label);line-height:var(--text-label--line-height);font-weight:var(--font-weight-regular);color:var(--color-fg-muted)}.logowanie-formularz input.logowanie-kod{min-height:var(--size-control-lg);font-family:var(--font-mono);font-size:var(--text-display);line-height:var(--text-display--line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-brand);font-variant-numeric:tabular-nums;text-align:center;padding-left:calc(var(--m-3) + var(--tracking-brand))}.logowanie-formularz input.logowanie-kod::placeholder{color:var(--color-fg-disabled)}.logowanie-lub{align-items:center;gap:var(--m-3);font-size:var(--text-label);line-height:var(--text-label--line-height);color:var(--color-fg-muted);display:flex}.logowanie-lub:before,.logowanie-lub:after{content:"";height:var(--m-hair);background:var(--color-border-subtle);flex:1}.logowanie-para{gap:var(--m-2);display:grid}.logowanie-formularz-qr fieldset{gap:var(--m-8);grid-template-columns:auto minmax(0,1fr);align-items:start}.logowanie-qr-panel{gap:var(--m-4);width:calc(var(--size-sheet) / 2);justify-items:center;display:grid}.logowanie-qr-ramka{width:100%;padding:var(--m-3);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-inset-hairline);justify-self:start}.kod-qr{border-radius:var(--radius-control);width:100%;height:auto;display:block}.kod-qr-tlo{fill:var(--color-surface)}.kod-qr-moduly{fill:var(--color-fg)}[data-theme=dark] .logowanie-qr-ramka{background:var(--color-fg)}[data-theme=dark] .kod-qr-tlo{fill:var(--color-fg)}[data-theme=dark] .kod-qr-moduly{fill:var(--color-fg-inverse)}.logowanie-otworz{text-decoration:none;display:none}.logowanie-klucz{gap:var(--m-2);width:100%;display:grid}.logowanie-klucz-tytul{font-size:var(--text-label);line-height:var(--text-label--line-height);color:var(--color-fg-muted)}.logowanie-klucz-wiersz{align-items:center;gap:var(--m-2);padding:var(--m-2) var(--m-2) var(--m-2) var(--m-3);border-radius:var(--radius-control);background:var(--color-surface-muted);display:flex}.logowanie-klucz code{column-gap:var(--m-2);row-gap:var(--m-1);min-width:0;font-family:var(--font-mono);font-size:var(--text-label);line-height:var(--text-label--line-height);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-normal);color:var(--color-fg);-webkit-user-select:all;user-select:all;flex:1;grid-template-columns:repeat(4,max-content);display:grid}.logowanie-kopiuj{flex:none}.logowanie-qr-kroki{gap:var(--m-4);display:grid}.logowanie-instrukcja{gap:var(--m-3);margin:0;padding:0;list-style:none;display:grid}.logowanie-instrukcja li{gap:var(--m-3);font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-fg-secondary);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.logowanie-instrukcja li span{width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-fg);font-size:var(--text-caption);line-height:var(--text-caption--line-height);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;margin-top:calc(var(--m-1) * -.5);place-items:center;display:grid}.logowanie-informacja{padding:var(--m-4) var(--m-5);border-radius:var(--radius-card);background:var(--color-surface-muted);font-size:var(--text-body);line-height:var(--text-body--line-height);color:var(--color-fg-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.logowanie-formularz .logowanie-potwierdzenie{gap:var(--m-3);min-height:var(--size-touch);font-weight:var(--font-weight-regular);cursor:pointer;align-items:center;display:flex}.logowanie-potwierdzenie input{width:var(--size-icon-lg);height:var(--size-icon-lg);accent-color:var(--color-accent);flex:none}.logowanie-stopka{text-align:center;color:var(--color-fg-muted);font-size:var(--text-caption);line-height:var(--text-caption--line-height);animation:logowanie-wejscie var(--dur-slow) var(--ease-out) both;animation-delay:calc(var(--dur-stagger) * 2)}@media (max-height:800px){.logowanie-strona{padding-block:var(--m-5)}.logowanie-kolumna{gap:var(--m-4)}.logowanie-karta{padding:var(--m-6) var(--m-8)}.logowanie-wnetrze,.logowanie-krok{gap:var(--m-4)}.logowanie-formularz fieldset{gap:var(--m-3)}.logowanie-formularz-qr fieldset{gap:var(--m-8)}.logowanie-tytul h1{font-size:var(--text-heading);line-height:var(--text-heading--line-height)}.logowanie-opis{font-size:var(--text-body);line-height:var(--text-body--line-height)}.logowanie-qr-panel{gap:var(--m-3)}.logowanie-qr-ramka{width:calc(var(--size-sheet) / 3);padding:var(--m-2)}.logowanie-qr-kroki,.logowanie-instrukcja{gap:var(--m-3)}}@media (max-width:767px){.logowanie-strona{padding:var(--m-8) var(--space-gutter) var(--m-6);place-items:start center}.logowanie-karta{padding:var(--m-6) var(--m-5);border-radius:var(--radius-card)}.logowanie-naglowek{justify-content:flex-start}.logowanie-tytul h1{font-size:var(--text-heading);line-height:var(--text-heading--line-height)}.logowanie-opis{font-size:var(--text-body);line-height:var(--text-body--line-height)}.logowanie-karta .btn{min-height:var(--size-touch)}.logowanie-wyjscie{margin-right:calc(var(--m-2) * -1)}.logowanie-formularz-qr fieldset{gap:var(--m-5);grid-template-columns:minmax(0,1fr)}.logowanie-qr-panel{width:100%}.logowanie-qr-ramka{width:calc(var(--size-sheet) / 3.5);justify-self:center}.logowanie-otworz{order:-1;display:inline-flex}}@keyframes logowanie-wejscie{0%{opacity:0;transform:translateY(var(--m-3))}to{opacity:1;transform:translateY(0)}}@keyframes logowanie-krok{0%{opacity:0;transform:translateX(var(--m-3))}to{opacity:1;transform:translate(0)}}@keyframes logowanie-komunikat{0%{opacity:0;transform:translateY(calc(var(--m-2) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes logowanie-obrot{to{transform:rotate(360deg)}}