@font-face{font-family:'Onest';font-weight:400;font-display:swap;src:url(/logowanie/fonty/onest-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Onest';font-weight:400;font-display:swap;src:url(/logowanie/fonty/onest-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';font-weight:700;font-display:swap;src:url(/logowanie/fonty/montserrat-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Montserrat';font-weight:700;font-display:swap;src:url(/logowanie/fonty/montserrat-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{box-sizing:border-box}
/* Same UI scale as the cockpit (src/styles/app.css, ui-skala-85). */
:root{--skala:.85}html{zoom:var(--skala)}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-text);font-size:var(--fs-md);line-height:var(--lh-text)}
.log{min-height:calc(100vh / var(--skala));display:grid;grid-template-columns:minmax(320px,1fr) minmax(0,2fr)}
.log-marka{background:var(--header-bg);color:var(--header-text);display:flex;align-items:flex-start;gap:var(--mark-gap);padding:var(--sp-6)}
.log-znak{height:var(--mark-size);width:auto}
.log-logo{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);letter-spacing:var(--wordmark-tracking);line-height:var(--mark-size)}
.log-karta{align-self:center;justify-self:center;width:min(400px,100%);display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-6)}
h1{font-family:var(--font-display);font-weight:700;font-size:var(--fs-2xl);line-height:var(--lh-heading);letter-spacing:var(--tracking-heading);margin:0}
.log-opis{margin:0 0 var(--sp-4);color:var(--text-2)}
label{font-weight:500;font-size:var(--fs-sm);margin-top:var(--sp-2)}
input{font:inherit;min-height:var(--target-min);padding:0 var(--sp-3);border:var(--border) solid var(--line-control);border-radius:var(--r-md);background:var(--surface);color:var(--text)}
input:focus-visible,.log-przycisk:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.log-blad{margin:var(--sp-2) 0 0;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--danger-soft);color:var(--danger);font-size:var(--fs-sm)}
.log-przycisk{margin-top:var(--sp-4);min-height:var(--target-min);font:inherit;font-weight:600;border:var(--border) solid var(--accent);border-radius:var(--r-md);background:var(--accent);color:var(--on-accent);cursor:pointer}
.log-przycisk:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}
.log-przycisk:disabled{background:var(--surface);border-color:var(--line-control);cursor:progress}
.log-pomoc{margin:var(--sp-2) 0 0;color:var(--text-3);font-size:var(--fs-sm)}