/* ========================================================
   ZOOMME BRAND WORDMARK — "Zoom" ở trên, "Me" ở dưới, căn giữa
   Dùng chung cho mọi trang: <span class="zm-wordmark"><span class="zm-w-top">Zoom</span><span class="zm-w-bottom">Me</span></span>
   ======================================================== */
.zm-wordmark {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 0.92;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -0.4px;
  user-select: none;
  white-space: nowrap;
}

.zm-wordmark .zm-w-top {
  font-size: 1em;
  color: #0E71EB;
}

.zm-wordmark .zm-w-bottom {
  font-size: 1em;
  color: #0952C7;
  background: linear-gradient(135deg, #2D8CFF 0%, #0952C7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Biến thể trên nền tối */
.zm-wordmark.zm-light .zm-w-top { color: #FFFFFF; }
.zm-wordmark.zm-light .zm-w-bottom {
  background: linear-gradient(135deg, #7DB8FF 0%, #2D8CFF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Kích thước */
.zm-wordmark.zm-xs { font-size: 11px; }
.zm-wordmark.zm-sm { font-size: 14px; }
.zm-wordmark.zm-md { font-size: 17px; }
.zm-wordmark.zm-lg { font-size: 22px; }