body {
  background-color: #f3f6f4;
  margin: 0;
  padding: 0;
  font-family: 'Jost', sans-serif;
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.content {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.image {
  margin-right: 20px;
  text-align: center;
}

.image img {
  max-width: 400px;
  height: auto;
  transition: filter 0.3s ease;
}

.text {
  max-width: 400px;
}

.divider-line {
  display: block;
  width: 12%;
  height: 0.4px;
  background-color: #000;
  margin: 20px auto;
}

/* INLINE ICONS */
.inline-icons {
  display: inline-flex;
  gap: 8px;
  vertical-align: middle;
}

.inline-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.inline-icons a[href*="x.com"],
.inline-icons img[alt="X"],
.inline-icons a[href*="t.me"],
.inline-icons img[alt="Telegram"] {
  width: 16px;
  height: 16px;
}

.inline-icons img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  vertical-align: middle;
  transform-origin: center center;
  transition: transform 0.3s ease, filter 0.3s ease;
}

/* Bigger & centered Medium & MYSO */
.inline-icons img[alt="Medium"] {
  transform: scale(1.6) translateY(-1px);
  filter: brightness(0);
}

.inline-icons img[alt="MYSO"] {
  transform: scale(1.5) translateY(-1px);
  filter: brightness(0);
}

/* Hover effects */
.inline-icons a:hover img {
  filter: brightness(1.4);
  transform: scale(1.1);
  cursor: pointer;
}

/* Combined scale + translation on hover */
.inline-icons a:hover img[alt="Medium"] {
  transform: scale(1.6) scale(1.1) translateY(-2px);
  filter: brightness(0);
}

.inline-icons a:hover img[alt="MYSO"] {
  transform: scale(1.5) scale(1.1) translateY(-1px);
  filter: brightness(0);
}

.university {
  display: inline-flex;
  align-items: center;
}

.university img {
  height: 1em;
  margin-left: 3px;
}

.text a[href="https://www.myso.finance/"] {
  color: #000;
  text-decoration: underline;
}

.text a[href="https://www.myso.finance/"]:hover {
  color: #000;
}