/* ============================================
   Alapbeállítások – betűtípus, háttér, színek
============================================ */
body {
  font-family: 'Poppins', sans-serif; /* Modern, jól olvasható betűtípus */
  background-color: #fefae0; /* Pasztell bézs háttér – nyugalmat sugall */
  color: #2c5282; /* Sötétkék szöveg – bizalomépítő */
}

/* ============================================
   Hero szekció – kezdő blokk, motiváló üzenet
============================================ */
.hero-section {
  height: 100vh; /* Teljes képernyőmagasság */
  background: linear-gradient(to right, #38b2ac, #2f855a); /* Türkiz → zöld átmenet – frissesség, egyensúly */
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Hero címsor és alcím */
.hero-section h1 {
  color: #ffffff; /* Fehér címsor – kontrasztos, tiszta */
}

.hero-section p {
  color: #ffffff; /* Fehér alcím – egységes megjelenés */
}

/* CTA gomb – „Kezdd el most” */
.btn-light {
  background-color: #fefae0; /* Pasztell gomb – illeszkedik a háttérhez */
  color: #2f855a; /* Mély zöld szöveg – pozitív, természetes */
  border: none;
}

.btn-light:hover {
  background-color: #ffffff; /* Hover állapot – enyhe kiemelés */
  color: #2f855a;
}

/* ============================================
   Bemutatkozás szekció – „Rólam” blokk
============================================ */
section.bg-white {
  background-color: #ffffff; /* Tiszta fehér háttér – fókusz a szövegen */
}

section h2 {
  color: #2f855a; /* Mély zöld címsor – egységes stílus */
  font-weight: 600;
}

section p {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #2c5282; /* Sötétkék szöveg – jól olvasható, bizalmat sugall */
}

/* ============================================
   Későbbi szekciókhoz előkészített stílusok
============================================ */

/* Szolgáltatás kártyák – következő lépéshez */
.service-card {
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.service-card:hover {
  transform: translateY(-5px); /* Finom emelkedés hoverre – UX élmény */
}

/* Footer – majd később */
footer {
  background-color: #2c5282;
  color: #ffffff;
  padding: 40px 0;
  text-align: center;
}

/* Kapcsolat */
form .form-label {
  font-weight: 600;
}

form .form-control {
  border-radius: 6px;
  border: 1px solid #ced4da;
}

form .btn-success {
  font-weight: 600;
  padding: 10px 20px;
}