:root{
  --bg:#0b0f14; --surface:#0f151d; --blue:#17a2ff; --blue-2:#0066ff;
  --text:#e6f1ff; --muted:#9fb3c8; --border:rgba(255,255,255,.08);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Roboto,Arial,sans-serif}
input, textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px}
.btn.primary:hover{filter:brightness(1.08) saturate(1.1);transform:translateY(-1px)}
.btn.ghost:hover{border-color:rgba(23,162,255,.45)}

/* Layout polish for 2-card trainers section */
#trenerzy .grid.cols-2 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
#trenerzy .trainer img { width: 120px; height: 120px; }

/* ---- Fix horizontal scroll & responsive nav ---- */
html, body { overflow-x: hidden; }
header.nav .menu { gap: 10px; }
header.nav .menu a { padding: 6px 8px; }
@media (max-width: 1024px) {
  .nav-inner { gap: 10px; flex-wrap: wrap; }
}
@media (max-width: 720px) {
  header.nav .menu { width: 100%; order: 3; justify-content: center; }
  .cta-phone { order: 2; width: 100%; display:flex; justify-content:center; }
  .brand { order: 1; width: 100%; justify-content: center; }
  .cta-phone a.btn { width: auto; }
}

/* ---- Section visual accents ---- */
section:nth-of-type(even) {
  background: radial-gradient(800px 400px at 10% 10%, rgba(23,162,255,.07), transparent 60%),
              radial-gradient(600px 360px at 90% 70%, rgba(57,255,136,.04), transparent 60%);
}
.section-title { position: relative; }
.section-title::after {
  content:""; position:absolute; left:0; bottom:-10px; width:120px; height:2px;
  background: linear-gradient(90deg, rgba(23,162,255,.0), rgba(23,162,255,.5), rgba(23,162,255,.0));
  border-radius:2px;
}

html,body{overflow-x:hidden}