/* ISTNIEJĄCE STYLE */
  body {
   background-color: #000;
   color: #fff;
   height: auto; 
   min-height: 100vh;
   margin: 0;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
   text-align: center;
   font-family: 'Poppins', sans-serif;
   overflow-x: hidden;
  }

  .container-main {
   margin-top: 8vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   min-height: 80vh;
   width: 100%;
   max-width: 900px;
  }

.logo {
  width: 300px;
  height: auto;
  margin-bottom: 20px;
}

.gnm,
.gnm2 {
  font-weight: 900;
  background: linear-gradient(90deg, #00bfff, #ffffff, #00bfff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  animation: shine 3s linear infinite;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.gnm {
  font-size: 6rem;
}

.gnm2 {
  font-size: 2rem;
  margin-top: 0;
}

@keyframes shine {
  0% { background-position: 0% center; }
  100% { background-position: 200% center; }
}

/* ✅ Dostosowanie do urządzeń mobilnych */
@media (max-width: 1024px) {
  .gnm {
    font-size: 4rem;
  }
  .gnm2 {
    font-size: 1.5rem;
  }
}

@media (max-width: 768px) {
  .gnm {
    font-size: 3rem;
  }
  .gnm2 {
    font-size: 1.2rem;
  }
}

@media (max-width: 480px) {
  .gnm {
    font-size: 2.2rem;
  }
  .gnm2 {
    font-size: 1rem;
  }
  .logo {
    width: 200px;
  }
}


  .btn-cta {
   background: linear-gradient(90deg, #00bfff, #007bff);
   border: none;
   font-weight: 700;
   padding: 10px 30px;
   border-radius: 50px;
   transition: transform 0.3s, box-shadow 0.3s;
   color: #fff;
  }
  .btn-cta:hover {
   transform: translateY(-3px);
   box-shadow: 0 5px 15px rgba(0, 191, 255, 0.4);
   background: linear-gradient(90deg, #007bff, #00bfff);
   color: #fff;
  }

  .btn-demo {
   border: 2px solid #00bfff;
   font-weight: 700;
   padding: 10px 30px;
   border-radius: 50px;
   transition: transform 0.3s, background-color 0.3s, color 0.3s;
   color: #00bfff;
   background-color: transparent;
  }
  .btn-demo:hover {
   transform: translateY(-3px);
   background-color: #00bfff;
   color: #000;
  }

  .scroll-down {
   position: absolute;
   bottom: 30px;
   left: 50%;
   transform: translateX(-50%);
   font-size: 1.5rem;
   color: #00bfff;
   cursor: pointer;
   animation: bounce 2s infinite;
  }
  @keyframes bounce {
   0%, 20%, 50%, 80%, 100% { transform: translateY(0) translateX(-50%); }
   40% { transform: translateY(-15px) translateX(-50%); }
   60% { transform: translateY(-7px) translateX(-50%); }
  }
  
  .section-content {
   padding: 80px 20px;
   width: 100%;
   max-width: 1200px;
   text-align: left;
  }
  .feature-card {
   background-color: #1a1a1a;
   padding: 30px;
   border-radius: 10px;
   border-left: 5px solid #00bfff;
   transition: background-color 0.3s;
   height: 100%;
  }
  .feature-card:hover {
   background-color: #2a2a2a;
  }
  .feature-icon {
   color: #00bfff;
   font-size: 2.5rem;
   margin-bottom: 15px;
  }

  /* STYLE DLA SEKCJI DLACZEGO MY */
  .why-us-item {
    text-align: center;
    padding: 20px;
  }
  .why-us-icon {
    font-size: 3.5rem;
    color: #00bfff;
  }

  /* STYLE DLA FORMULARZA */
  .form-label {
    color: #ccc;
    font-weight: 300;
    text-align: left;
    width: 100%;
  }

  .form-control-dark {
    background-color: #1a1a1a;
    color: #fff;
    border: 1px solid #444;
    border-radius: 8px;
    padding: 12px;
  }
  .form-control-dark::placeholder {
    color: #888;
  }
  .form-control-dark:focus {
    background-color: #1a1a1a;
    color: #fff;
    border-color: #00bfff;
    box-shadow: 0 0 0 0.25rem rgba(0, 191, 255, 0.25);
  }
  
  .form-check-label {
    font-size: 0.9rem;
    color: #ccc;
  }
  .form-check-input:checked {
    background-color: #00bfff;
    border-color: #00bfff;
  }