.intro h1 {
  font-size: 28px;
  font-weight: 700;
  color: #0d47a1;
  margin: 70px 0 40px;         
  text-align: center;
}

.intro .subtitle {
  font-size: 15px;
  color: #333;
  margin-bottom: 35px;
  line-height: 1.7;
}

.intro p.en {
  color: #555;
  font-style: italic;
  font-size: 14px;
}

.intro button {
  background-color: #1a73e8;
  color: #fff;
  border: none;
  padding: 14px 50px;
  border-radius: 8px;
  font-size: 20px;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
  margin: 30px auto 110px;       
  display: block;
}

.intro button:hover {
  background-color: #155ab6;
}

.intro .explain {
  font-size: 14.5px;
  line-height: 1.8;
  color: #333;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.intro .explain .en {
  color: #555;
  font-style: italic;
  font-size: 13.5px;
}

@media (max-width: 1024px) {
  .logo-bar {
    flex-direction: column;
    gap: 20px;
  }
  .logo-right {
    justify-content: center;
    flex-wrap: wrap;
  }
  .logo {
    height: 38px;
  }
}