html, body {
  height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  line-height: 180%;
  color: #333;
  background-color: #f4f4f4;
  text-align: center;
}

.BG-logo {
  background: url(img/Android+iOS_logo_1920-1080.png);
  min-height: 100%;
  position: relative;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.header-text {
  width: 100%;
  height: 100%; 
  color: #ffffff; 
}

.header-text h1 {
  position: absolute;
  top: 12%; 
  left: 50%;
  transform: translateX(-50%);
  width: 100%; 
  font-size: clamp(3rem, 12vw, 8rem);
  line-height: 1.1;
  margin: 0;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); 
}

.header-text p {
  position: absolute;
  bottom: 15%; 
  left: 50%;
  transform: translateX(-50%);
  color: #ffffff;
  font-size: clamp(1rem, 3.5vw, 3rem);
  margin: 0;
  white-space: nowrap; 
  background: rgba(0, 0, 0, 0.4); 
  padding: 15px 40px; 
  border-radius: 50px; 
  backdrop-filter: blur(8px); 
  border: 1px solid rgba(255, 255, 255, 0.15); 
}