/* WYGENEROWANE ze strony (motyw t-akcent) przez design/sync_from_site.py. Nie edytuj recznie: zmieniaj v2.css albo gj-base.css i uruchom skrypt. */
@import url('/_zrobi/static/fonts.css');
:root{
  --accent:#ffad00;
  --blob1:#f1e3f8;
  --blob2:#fafafc;
  --btnfg:#fff;
  --card:#fff;
  --eb:#f3e7f8;
  --field:#fff;
  --fieldline:#d9d9e0;
  --font:'Roboto',system-ui,sans-serif;
  --font-head:'Nunito Sans','Roboto',system-ui,sans-serif;
  --ghost:#dcdce2;
  --ink:#16181a;
  --line:#ececf0;
  --muted:#555a60;
  --p:#c65de0;
  --p2:#8e3fc0;
  --page:#fff;
  --r:22px;
  --sh:30,30,50;
  --soft:#f6f6f8;
}
/* Komponenty wspolne (uzywaja zmiennych z tokenow generowanych ze strony). Reczna czesc pliku gj.css. */
body{font-family:var(--font);color:var(--ink);background:var(--page);margin:0;line-height:1.55}
h1,h2,h3{font-family:var(--font-head);font-weight:800;color:var(--ink);letter-spacing:-.5px;line-height:1.1}
a{color:var(--p2)}
.btn{display:inline-block;background:var(--p);color:var(--btnfg);border:0;border-radius:999px;padding:14px 30px;font:600 15px var(--font);letter-spacing:.3px;cursor:pointer;text-decoration:none;box-shadow:0 6px 18px color-mix(in srgb,var(--p) 35%,transparent);transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--ghost);box-shadow:none}
.card{background:var(--card);border-radius:var(--r);padding:22px;box-shadow:0 6px 24px rgba(var(--sh),.07)}
input,textarea,select{font:inherit;color:var(--ink);border:1px solid var(--fieldline);border-radius:12px;padding:11px 14px;background:var(--field);box-sizing:border-box}
input:focus,textarea:focus,select:focus{outline:2px solid color-mix(in srgb,var(--p) 55%,transparent);outline-offset:1px}
/* oprawa aplikacji: naglowek z logo, tresc, stopka */
.gj-header{position:sticky;top:0;z-index:1000;background:color-mix(in srgb,var(--page) 96%,transparent);border-bottom:1px solid var(--line)}
.gj-header .in{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.gj-logo img{height:44px;display:block}
.gj-nav{display:flex;gap:26px;font-weight:500}
.gj-nav a{color:var(--ink);text-decoration:none}
.gj-nav a:hover,.gj-nav a[aria-current=page]{color:var(--p)}
.gj-main{max-width:1180px;margin:0 auto;padding:44px 24px}
.gj-eyebrow{display:inline-block;background:var(--eb);color:var(--p2);font:700 12px var(--font);letter-spacing:1.4px;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.gj-footer{border-top:1px solid var(--line);padding:26px 24px;color:var(--muted);font-size:14px;text-align:center}