/* =============================================================================
   Iktató — A BÉRLŐI NYITÓLAP (pl. mohosz.localhost): nyugodt, forma nélküli lap.

   A bérlő logója, neve, szlogenje, egy rövid bekezdés és a „Belépés” gomb. Semmi
   marketing, semmi dekoráció (DESIGN.md: a bérlő színe azonosít, nem minősít). A bérlő
   akcentusszínét nem itt kapja: a szerveroldali /arculat.css írja felül a --f-primary
   tokent, így a gomb és a hivatkozások színe villanás nélkül a bérlőé.

   A logó a bérlő feltöltött képe: fehér hátterű is lehet, ezért világos lapkán ül,
   a kártyán belül, de a saját arányát tartja (a CSS csak a méretet korlátozza).
   ============================================================================= */
.f-berlo-lap {
  display: flex;
  justify-content: center;
  padding: clamp(1.5rem, 6vw, 4.5rem) var(--gutter);
}

.f-berlo-lap__kartya {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1rem;
  width: 100%;
  max-width: 40rem;
  padding: clamp(1.75rem, 5vw, 3rem) clamp(1.25rem, 4vw, 3rem);
  text-align: center;
  background: var(--f-card);
  border: 1px solid var(--f-line);
  border-radius: var(--r-section);
  box-shadow: var(--glass-depth-1);
}

.f-berlo-lap__logo {
  width: auto;
  max-width: min(100%, 360px);
  height: auto;
  max-height: 120px;
}

.f-berlo-lap h1 {
  margin: 0;
  font-size: clamp(1.6rem, 4vw, 2.4rem);
  letter-spacing: -0.04em;
  line-height: 1.05;
  text-wrap: balance;
}

/* A szlogen DM Mono, a bérlő akcentusszínén: azonosít, nem minősít. A szöveg-szín az
   --f-primary-ink, amelyet a /arculat.css a lapháttéren is olvasható árnyalatra állít. */
.f-berlo-lap__szlogen {
  margin: 0;
  max-width: 34rem;
  font-family: var(--font-mono);
  font-size: 0.95rem;
  line-height: 1.5;
  color: var(--f-primary-ink);
}

.f-berlo-lap__szoveg {
  margin: 0;
  max-width: 32rem;
  line-height: 1.6;
  color: var(--f-ink-soft);
}

.f-berlo-lap .btn-f { margin-top: 0.5rem; }

@media (max-width: 560px) {
  .f-berlo-lap__kartya { border-radius: var(--r-card); }
  .f-berlo-lap .btn-f { width: 100%; }
}