/* Homepage only. Loaded by portal_homepage.php; never on payment/account screens. */
.hm-portal-search, .hm-portal-home { color: #1a1a2e; font-family: 'Geist', sans-serif; }
.hm-portal-search *, .hm-portal-home * { box-sizing: border-box; }
.hm-portal-search { background: #f5f1fb; border-bottom: 1px solid #e0d8ed; padding: 64px 0 58px; }
.hm-portal-search__layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 64px; align-items: center; }
.hm-portal-search__intro { margin: 0 0 16px; font-size: 15px; color: #6d28d9; font-weight: 600; }
.hm-portal-search h1 { font-size: clamp(36px, 4.3vw, 54px); line-height: 1.06; letter-spacing: -1.9px; margin: 0 0 22px; font-weight: 600; max-width: 570px; }
.hm-portal-search__lead { color: #5f5d75; font-size: 18px; line-height: 1.6; max-width: 520px; margin: 0 0 28px; }
.hm-portal-search__form label[for] { display: block; color: #1a1a2e; font-family: inherit; font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; margin: 0 0 9px; }
.hm-portal-search__field { display: flex; gap: 7px; padding: 7px; background: #fff; border: 1px solid #b7a9ca; border-radius: 8px; }
.hm-portal-search__field:focus-within { border-color: #6d28d9; outline: 2px solid #6d28d9; outline-offset: 3px; }
.hm-portal-search__field input { border: 0; box-shadow: none; background: #fff; color: #1a1a2e; font-family: inherit; font-size: 18px; min-width: 0; flex: 1; padding: 12px 10px; border-radius: 4px; width: 100%; }
.hm-portal-search__field input:focus { outline: 2px solid #6d28d9; outline-offset: -2px; }
.hm-portal-search__field input::placeholder { color: #6b6578; opacity: 1; }
.hm-portal-search .btn { white-space: nowrap; min-height: 50px; font-size: 15px; padding: 12px 20px; }
.hm-portal-search__hint { font-size: 13px; color: #5f5d75; margin: 12px 0 0; }
.hm-portal-search__transfer { margin: 25px 0 0; color: #5f5d75; font-size: 14px; }
.hm-portal-search a, .hm-portal-home a:not(.btn) { color: #6d28d9; text-decoration: underline; text-underline-offset: 4px; }
.hm-portal-search a:focus-visible, .hm-portal-home a:focus-visible, .hm-portal-search button:focus-visible { outline: 3px solid #6d28d9; outline-offset: 4px; }
.hm-domain-example { min-width: 0; padding-top: 18px; }
.hm-domain-example__browser { background: #fff; border: 1px solid #d1c7df; border-radius: 8px; overflow: hidden; box-shadow: 0 16px 30px -20px #4b2c7160; transform: rotate(2deg); }
.hm-domain-example__bar { display: flex; gap: 18px; align-items: center; padding: 16px; border-bottom: 1px solid #e3ddea; font-size: 13px; color: #5f5d75; }
.hm-domain-example__dots { display: flex; gap: 4px; }
.hm-domain-example__dots i { width: 5px; height: 5px; border-radius: 50%; background: #d1c7df; }
.hm-domain-example__page { position: relative; min-height: 210px; padding: 27px 25px; background: #fff; overflow: hidden; }
.hm-domain-example__eyebrow { font-size: 11px; color: #5f5d75; display: block; margin-bottom: 16px; }
.hm-domain-example__page strong { display: block; position: relative; z-index: 1; font-size: 30px; line-height: 1.13; letter-spacing: -.8px; width: 75%; font-weight: 600; }
.hm-domain-example__lines i { display: block; background: #e9e4ee; height: 6px; width: 47%; margin-top: 16px; }
.hm-domain-example__lines i + i { width: 32%; margin-top: 7px; }
.hm-domain-example__shape { position: absolute; width: 125px; height: 180px; bottom: -68px; right: -30px; background: #e4efe4; border-radius: 65px 65px 0 0; transform: rotate(-25deg); }
.hm-domain-example__email { display: flex; align-items: center; gap: 12px; padding: 19px 18px; background: #e4efe4; border: 1px solid #c6dbc6; border-radius: 8px; width: max-content; max-width: 100%; margin: -4px 10px 0 -15px; transform: rotate(-2deg); position: relative; color: #123024; font-size: 15px; box-shadow: 0 12px 25px -22px #123024; }
.hm-domain-example > p { font-size: 12px; color: #5f5d75; text-align: center; margin: 25px 0 0; }
.hm-portal-account { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding: 27px 0 34px; border-bottom: 1px solid #dfdde3; }
.hm-portal-home h2 { margin: 0 0 9px; font-size: 28px; line-height: 1.2; letter-spacing: -.7px; font-weight: 600; }
.hm-portal-account h2 { font-size: 21px; letter-spacing: -.4px; }
.hm-portal-account p, .hm-portal-help p { color: #5f5d75; margin: 0; line-height: 1.6; }
.hm-portal-account__links { display: flex; align-items: center; gap: 23px; flex-shrink: 0; font-size: 14px; }
.hm-portal-account .btn, .hm-portal-help .btn { padding: 12px 23px; min-height: 48px; white-space: nowrap; }
.hm-portal-next { padding: 52px 0; }
.hm-portal-next__heading p { color: #5f5d75; margin: 0; }
.hm-portal-next__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; margin-top: 32px; }
.hm-portal-next article { padding: 0 20px 0 0; }
.hm-portal-next article + article { border-left: 1px solid #dfdde3; padding-left: 32px; }
.hm-portal-next h3 { font-size: 22px; line-height: 1.2; margin: 16px 0 12px; letter-spacing: -.5px; font-weight: 600; }
.hm-portal-next article p { color: #5f5d75; line-height: 1.6; margin: 0 0 18px; }
.hm-portal-next__icon { color: #6d28d9; font-size: 26px; }
.hm-portal-next article a { font-size: 15px; font-weight: 600; }
.hm-portal-help { background: #e4efe4; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; gap: 36px; padding: 32px; }
.hm-portal-help h2 { font-size: 25px; color: #123024; }
.hm-portal-help p { max-width: 550px; color: #344b3e; }
.hm-portal-help .btn { flex-shrink: 0; }
.hm-portal-quicklinks { display: flex; flex-wrap: wrap; gap: 16px 28px; padding: 30px 0 10px; font-size: 14px; }
@media (max-width: 991px) {
  .hm-portal-search__layout { gap: 32px; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
  .hm-portal-search__field { flex-direction: column; }
  .hm-domain-example__email { font-size: 13px; margin-left: -8px; padding: 15px 10px; }
  .hm-domain-example__page strong { font-size: 26px; width: 95%; }
  .hm-portal-account, .hm-portal-help { align-items: flex-start; flex-direction: column; gap: 20px; }
}
@media (max-width: 767px) {
  .hm-portal-search { padding: 34px 0 38px; }
  .hm-portal-search__layout { grid-template-columns: 1fr; gap: 28px; }
  .hm-portal-search h1 { font-size: 42px; letter-spacing: -1.5px; max-width: 460px; }
  .hm-portal-search__lead { font-size: 17px; margin-bottom: 24px; }
  .hm-domain-example { max-width: 330px; width: 85%; margin: 0 auto; padding-top: 0; }
  .hm-domain-example__page { min-height: 152px; padding: 19px 23px; }
  .hm-domain-example__page strong { font-size: 26px; width: 80%; }
  .hm-domain-example__bar { padding: 11px 16px; }
  .hm-domain-example__eyebrow { margin-bottom: 10px; }
  .hm-domain-example__email { font-size: 14px; }
  .hm-domain-example > p { margin-top: 17px; }
  .hm-portal-account { padding-top: 18px; }
  .hm-portal-next { padding: 36px 0; }
  .hm-portal-next__grid { grid-template-columns: 1fr; gap: 25px; margin-top: 28px; }
  .hm-portal-next article, .hm-portal-next article + article { border-left: 0; padding: 0; }
  .hm-portal-next article + article { border-top: 1px solid #dfdde3; padding-top: 25px; }
  .hm-portal-next h3 { margin-top: 10px; }
  .hm-portal-help { padding: 25px; }
}
@media (max-width: 360px) {
  .hm-portal-search h1 { font-size: 36px; }
  .hm-portal-account__links { align-items: flex-start; flex-direction: column; gap: 15px; }
}