:root{
  --bg:#0b0d10; --panel:#12161b; --ink:#e8edf2; --muted:#9fb0c0;
  --accent:#4aa8ff; --accent-2:#7ce2b1;
  --ring:0 0 0 3px rgba(74,168,255,.35);
  --radius:16px; --shadow:0 10px 30px rgba(0,0,0,.25);
}

/* Reset + bazowe */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,Helvetica,sans-serif;
  color:var(--ink); background:linear-gradient(180deg,#0b0d10 0%, #0f1216 100%);
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}

.container{max-width:1100px; margin:0 auto; padding:24px}
h1{font-size:2rem; margin:8px 0 18px}
h2{font-size:1.25rem; margin:0 0 10px}
p{color:#d6dee6; line-height:1.6}

/* Header / Navi */
.site-header{
  position:sticky; top:0; z-index:10;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:14px 24px; background:#0b0d10e6; backdrop-filter:saturate(1.2) blur(8px);
  border-bottom:1px solid #1e232a;
}
.logo{font-weight:800; letter-spacing:.3px; color:#fff; font-size:1.15rem}
.main-nav{display:flex; gap:16px}
.main-nav a{
  font-size:1.05rem; font-weight:600; padding:12px 18px;
  /* bardziej zaokrąglone BOKI (góra/dół subtelniej) */
  border-radius:24px / 50%;
  color:#fff; transition:background .2s ease;
}
.main-nav a:hover{background:rgba(255,255,255,.10)}
.main-nav a[aria-current="page"]{background:rgba(255,255,255,.15)}

.site-footer{
  border-top:1px solid #1e232a; padding:20px 24px; text-align:center;
  color:var(--muted); background:#0b0d10;
}

/* Formularze / pola */
input[type="search"], select, input[type="text"], input[type="email"], textarea{
  width:100%; padding:12px 14px; border-radius:12px; border:1px solid #27303a;
  background:#0e1318; color:var(--ink); outline:none;
}
input:focus, select:focus, textarea:focus{box-shadow:var(--ring); border-color:#2b3947}
.btn{
  background:var(--accent); color:#031625; border:none; padding:10px 14px;
  border-radius:12px; font-weight:700; cursor:pointer;
}
.btn:hover{filter:brightness(1.05)}
