@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/assets/fonts/manrope-latin.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:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0104-0107,U+010C-010F,U+0118-011B,U+0139-013E,U+0141-0144,U+0147-0148,U+0154-0155,U+0158-015B,U+0160-0161,U+0164-0165,U+016E-016F,U+0179-017E}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin.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}
:root{--ink:#0f172a;--body:#475569;--line:#e2e8f0;--accent:#ff007f;color-scheme:light dark}
*{box-sizing:border-box;margin:0}
body{min-height:100vh;display:grid;place-items:center;padding:24px;font:17px/1.6 Inter,-apple-system,sans-serif;color:var(--body);background:#f8fafc;-webkit-font-smoothing:antialiased}
main{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px 32px;box-shadow:0 24px 44px -10px rgba(0,0,0,.09)}
.logo{font-size:28px;font-weight:900;letter-spacing:-.04em;color:var(--ink);margin-bottom:22px}.logo span{color:var(--accent)}
h1{font-size:24px;line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin-bottom:10px;text-wrap:balance}
form{margin-top:24px;display:grid;gap:8px}label{font-size:14px;font-weight:600;color:var(--ink)}
input{font:inherit;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;color:var(--ink);background:#fff}
input:focus-visible{outline:3px solid rgba(255,0,127,.35);outline-offset:1px;border-color:var(--accent)}
button{margin-top:8px;font:inherit;font-weight:600;color:#fff;background:var(--ink);border:0;border-radius:100px;padding:12px 28px;cursor:pointer}
button:hover{background:#020617}button:focus-visible{outline:3px solid rgba(255,0,127,.5);outline-offset:2px}
.chyba{color:#b91c1c;font-size:15px;margin-top:6px}
@media(prefers-color-scheme:dark){body{background:#020617;color:#94a3b8}main{background:#0f172a;border-color:#1e293b}h1,.logo,label{color:#f8fafc}input{background:#020617;color:#f8fafc;border-color:#334155}button{background:#f8fafc;color:#0f172a}}

:root{--ink:#151722;--body:#646571;--line:#dedee2;--accent:#db2777;color-scheme:light}body{font-family:Manrope,sans-serif;color:var(--body);background:linear-gradient(90deg,#f8f8f6e8,#f8f8f64d),url('/img/hero-krajina.webp') center/cover fixed}main{border-radius:5px;background:#f8f8f6ed;border-color:var(--line);box-shadow:0 20px 60px #15172212}h1,.logo,label{color:var(--ink);font-weight:650}.logo{font-weight:800}.logo-img{width:115px;height:auto;margin-bottom:28px}input{background:#fff;color:var(--ink);border-color:var(--line);border-radius:4px}button{border-radius:4px;background:var(--accent);color:#fff;font-size:14px}button:hover{background:#be185d}input:focus-visible,button:focus-visible{outline-color:#db277766}