/* Reset marginesów */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* Tło z animowanym gradientem - zmienione kolory, mniejszy gradient, szybsza animacja */
body {
  background: linear-gradient(135deg, rgba(13, 15, 18, 1), rgba(50, 114, 184, 1));
  background-size: 150% 150%;
  animation: gradient 6s ease infinite;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

/* Nieregularna animacja gradientu */
@keyframes gradient {
  0% { background-position: 0% 50%; }
  27% { background-position: 20% 30%; }
  60% { background-position: 80% 70%; }
  85% { background-position: 40% 90%; }
  100% { background-position: 0% 50%; }
}

/* Kontener centrowany */
.container {
  text-align: center;
}

/* Logo – zabezpieczenie przed przeciąganiem */
.container img {
  max-width: 150px;
  user-drag: none;
  -webkit-user-drag: none;
}

/* Krótki napis pod logo, czcionka SF Pro (z fallbackami) */
.container p {
  margin-top: 20px;
  font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  font-weight: 200;
  font-size: 1.2em;
  letter-spacing: 1px;
  line-height: 1.4;
}