/* HelloWorld homepage changes requested on 2026-08-25. */
.btn-login,
.download,
.footer,
.hw-nav-hidden,
.services > .el-dialog__wrapper,
body > .el-dialog__wrapper,
.v-modal {
  display: none !important;
}

body.el-popup-parent--hidden {
  overflow: auto !important;
  padding-right: 0 !important;
}

.btn-register {
  min-width: 210px !important;
  min-height: 50px !important;
  padding: 0 30px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

header.el-header { height: 84px !important; }
header.el-header > .el-row { height: 84px !important; justify-content: flex-start !important; }
header.el-header > .el-row > div:nth-child(1) { flex: 0 0 18% !important; max-width: 18% !important; }
header.el-header > .el-row > div:nth-child(2) { flex: 0 0 58% !important; max-width: 58% !important; height: 84px !important; }
header.el-header > .el-row > div:nth-child(3) { flex: 0 0 24% !important; max-width: 24% !important; }
header.el-header .tab-title {
  display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 38px !important; white-space: nowrap !important;
}
header.el-header .tab-title > span:not(.hw-nav-hidden) {
  margin: 0 !important; font-size: 22px !important; font-weight: 600 !important;
}

header.el-header .btn-register span {
  font-size: 20px !important;
  font-weight: 700 !important;
}

.hw-trial-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(1, 16, 31, 0.58);
  backdrop-filter: blur(3px);
}

.hw-trial-modal.is-open {
  display: flex;
}

.hw-trial-card {
  position: relative;
  width: min(430px, calc(100vw - 32px));
  padding: 28px 28px 24px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(0, 31, 92, 0.3);
  text-align: center;
}

.hw-trial-title {
  margin: 0 36px 18px;
  color: #01101f;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
}

.hw-trial-qr {
  display: block;
  width: min(340px, 100%);
  height: auto;
  margin: 0 auto;
  border-radius: 12px;
}

.hw-trial-close {
  position: absolute;
  top: 12px;
  right: 14px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #eef4ff;
  color: #286fe8;
  font-size: 26px;
  line-height: 36px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .btn-register {
    min-width: 128px !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    font-size: 15px !important;
  }
  header.el-header .tab-title { gap: 14px !important; }
  header.el-header .tab-title > span:not(.hw-nav-hidden) { font-size: 15px !important; }
  header.el-header .btn-register span { font-size: 15px !important; }

  .hw-trial-card {
    padding: 24px 18px 20px;
  }

  .hw-trial-title {
    font-size: 21px;
  }
}