/* =============================================
   CBM — Własne style (Uzupełnienie oraz restrykcje minimalistyczne)
   ============================================= */

/* Resetowanie i parametry bazowe */
*, *::before, *::after { 
  box-sizing: border-box; 
  border-color: #1f1f1f; /* Domyślny, surowy kolor obramowań z makiet */
}

html { 
  scroll-behavior: smooth; 
  background-color: #000000;
}

body {
  font-family: 'Inter', sans-serif;
  /* Nowy elegancki gradient od bieli na samej górze do czerni */
  background: linear-gradient(180deg, #ffffff 0%, #050505 15%, #000000 100%) no-repeat !important;
  color: #cccccc;
  min-height: 100vh;
}

/* Dostosowanie czytelności tekstu sekcji start na jasnym fragmencie tła */
#start h1 {
  color: #ffffff;
  text-shadow: 0 2px 10px rgba(0,0,0,0.9);
}
#start p {
  color: #e4e4e7;
  text-shadow: 0 1px 5px rgba(0,0,0,0.8);
}

/* ─────────────────────────────────────────────
   NAGŁÓWEK — Moduł dopasowania po przewinięciu
   ───────────────────────────────────────────── */
#header.scrolled {
  background: rgba(0, 0, 0, 0.9);
  border-color: #1f1f1f;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* ─────────────────────────────────────────────
   ANIMACJE WEJŚCIA — Kontrola stanów widoczności
   ───────────────────────────────────────────── */
.fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Opóźnienia struktury renderowania */
.delay-0   { transition-delay: 0ms; }
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }

/* ─────────────────────────────────────────────
   SUBTELNY, TECHNICZNY SCROLLBAR
   ───────────────────────────────────────────── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #000000; }
::-webkit-scrollbar-thumb {
  background: #1f1f1f;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover { background: #2d2d2d; }