body {
  margin: 0;
  background: #ffffff;
  font-family: 'Inter', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

/* Logo placement: original size top-left */
.logo {
  position: fixed;
  top: 16px;
  left: 16px;
  width: clamp(120px, 18vw, 220px);
  height: auto;
  z-index: 10;
}

/* Main content */
.container {
  text-align: center;
  padding: 40px 20px;
  max-width: 600px;
}

.title {
  font-weight: 600;
  font-size: clamp(28px, 6vw, 42px);
  margin: 0;
  color: #111;
}

.translation {
  font-weight: 600;
  font-size: clamp(28px, 6vw, 42px);
  margin: 4px 0 30px 0;
  color: #777;
}

img {
  width: 100%;
  max-width: 420px;
  height: auto;
}

/* Extra top padding so logo doesn't overlap content */
@media (max-width: 600px) {
  .container {
    padding-top: 120px;
  }
}