/* 1. Added the missing universal selector */
* {    
  margin: 0;    
  padding: 0;    
  box-sizing: border-box;    
}    

/* 2. Added this to globally prevent horizontal scrolling on mobile */
html, body {
  overflow-x: hidden;
  width: 100%;
}

body {    
  font-family: 'Segoe UI', sans-serif;    
  color: white;    
  /* 3. Fixed invalid rgba value (50 changed to 0.5) */
  background:    
    linear-gradient(rgba(0, 92, 175, 0.5), rgba(0, 92, 175, 0.6)),    
    url('logo.webp') no-repeat center center;    
  background-size: cover; /* 'cover' adapts to mobile screens much better than '800px' */
  background-attachment: fixed; 
}

.logo-container {    
  text-align: left;    
  max-width: 600px;    
  padding: 20px; 
  margin: 0 auto; /* Centers the container nicely */   
}    

.logo {    
  width: 110px;    
  height: 110px;    
  overflow: hidden;    
}    

.logo img {    
  width: 100px;    
  height: 100px;    
  object-fit: cover;    
}    

.logo-text {    
  margin-top: 12px;    
  font-size: 2.4rem;    
  font-weight: 700;    
}    

.decorative-img {    
  width: 200px;  
  max-width: 100%; /* Prevents overflow */  
  margin: 20px auto 10px auto;    
  display: block;    
}    

.tagline {    
  margin-top: 10px;    
  font-size: 1.1rem;    
  font-weight: 300;    
  color: #f0f0f0;    
  line-height: 1.4;    
}    

.download-btn {    
  display: inline-block;    
  margin-top: 18px;    
  padding: 12px 24px;    
  font-size: 1rem;    
  font-weight: 600;    
  color: white;    
  border: 2px solid white;    
  border-radius: 30px;    
  text-decoration: none;    
  background: transparent;    
  transition: background 0.3s ease, color 0.3s ease;    
}    

.download-btn:hover {    
  background: white;    
  color: #005CAF;    
}    

.bottom-logo {    
  margin-top: 30px;    
  text-align: center;    
}    

.bottom-logo img {    
  /* 4. Fixed mobile overflow! Changed from fixed 370px to responsive max-width */
  width: 100%;    
  max-width: 370px;    
  height: auto;    
  object-fit: cover;    
}    

.white-section {    
  background-color: white;    
  padding: 30px 20px;    
  text-align: center;    
  color: #222;    
}    

.white-section h2 {    
  font-size: 2rem;    
  margin-bottom: 15px;    
  font-weight: 700;    
  color: #005CAF;    
}    

.white-section p {    
  font-size: 1.1rem;    
  max-width: 800px;    
  margin: 0 auto;    
  line-height: 1.6;    
  font-weight: 400;    
  color: #444;    
}    

#scrollToTopBtn {    
  position: fixed;    
  bottom: 20px;    
  right: 20px;    
  background: white;    
  color: #005CAF;    
  border: none;    
  border-radius: 50%;    
  width: 40px;    
  height: 40px;    
  font-size: 1.4rem;    
  cursor: pointer;    
  display: none;    
  justify-content: center;    
  align-items: center;    
  z-index: 999;    
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);    
}