@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap");

/* Inner pages only. Homepage uses body.prhHomeUI and does not load this file. */

body.prhPageUI{
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #eaf2ff;
  background-color: #070B17 !important;
  color-scheme: dark;
}

body.prhPageUI .hero{
  position: relative;
  min-height: auto !important;
}

/* Keep inner-page content off the screen edges */
body.prhPageUI .container{
  padding-left: 32px !important;
  padding-right: 32px !important;
  box-sizing: border-box;
}
body.prhPageUI .nav > .container,
body.prhPageUI .nav .container.in{
  padding: 16px 32px !important;
}
body.prhPageUI .container.hero{
  padding-top: 36px !important;
  padding-bottom: 28px !important;
}
body.prhPageUI .container.section{
  padding-top: 28px !important;
  padding-bottom: 36px !important;
}
body.prhPageUI .prhDomSearch{
  padding: 36px 32px !important;
}
body.prhPageUI .feature{
  padding: 22px 24px !important;
}
body.prhPageUI .prhFeatBar{
  padding: 22px 18px !important;
  margin: 28px 0 28px !important;
}
body.prhPageUI .prhFoot .container{
  padding-left: 32px !important;
  padding-right: 32px !important;
}
body.prhPageUI .prhFootLegal{
  margin-top: 28px !important;
  padding: 20px 0 28px !important;
}
body.prhPageUI .prhSocial{ margin-top: 20px !important; }
body.prhPageUI .prhStep{ padding: 22px !important; }
@media (max-width: 700px){
  body.prhPageUI .container,
  body.prhPageUI .nav .container.in,
  body.prhPageUI .prhFoot .container{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  body.prhPageUI .container.hero{ padding-top: 24px !important; padding-bottom: 20px !important; }
  body.prhPageUI .prhDomSearch{ padding: 22px 18px !important; }
}
body.prhPageUI[data-page="hosting"] .container.hero,
body.prhPageUI[data-page="vps"] .container.hero,
body.prhPageUI[data-page="dedicated"] .container.hero,
body.prhPageUI[data-page="cloud"] .container.hero{
  background:
    radial-gradient(520px 180px at 88% 20%, rgba(56,189,248,.12), transparent 60%),
    radial-gradient(380px 160px at 8% 0%, rgba(168,85,247,.08), transparent 55%);
}
body.prhPageUI[data-page="hosting"] .container.hero::after,
body.prhPageUI[data-page="vps"] .container.hero::after,
body.prhPageUI[data-page="dedicated"] .container.hero::after{
  content: "";
  position: absolute;
  right: 24px;
  top: 20px;
  width: min(38%, 420px);
  height: 180px;
  background: url("/assets/img/home-footer-racks.png") right center / contain no-repeat;
  opacity: .42;
  pointer-events: none;
  mix-blend-mode: lighten;
}
body.prhPageUI .kicker{
  color: #8be7ff !important;
  letter-spacing: .16em !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
body.prhPageUI .h1{
  font-size: clamp(28px, 3.4vw, 46px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.03em !important;
  font-weight: 800 !important;
  color: #fff !important;
}
body.prhPageUI .h2{
  font-size: clamp(22px, 2.4vw, 32px) !important;
  letter-spacing: -.02em !important;
  font-weight: 800 !important;
  color: #fff !important;
}
body.prhPageUI .sub,
body.prhPageUI .lead,
body.prhPageUI .muted,
body.prhPageUI .note{
  color: rgba(234,242,255,.68) !important;
  line-height: 1.7;
}
body.prhPageUI .pretitle{
  border-color: rgba(80,190,255,.35) !important;
  box-shadow: 0 0 18px rgba(56,189,248,.1);
  font-size: 12px !important;
}
body.prhPageUI .cta .btn,
body.prhPageUI .actions .btn,
body.prhPageUI a.btn.primary,
body.prhPageUI .pill.primary,
body.prhPageUI .prhOrderBtn{
  background: linear-gradient(90deg, #ff8a2b, #ff4f88) !important;
  border-color: transparent !important;
  color: #14080c !important;
  font-weight: 800 !important;
  box-shadow: 0 8px 18px rgba(255,79,136,.2) !important;
}
body.prhPageUI .cta .btn.ghost,
body.prhPageUI a.btn.ghost{
  border-color: rgba(80,190,255,.45) !important;
  background: transparent !important;
  color: #eaf6ff !important;
  box-shadow: 0 0 16px rgba(56,189,248,.12);
}
body.prhPageUI .pill{
  border-radius: 999px !important;
  border: 1px solid rgba(80,190,255,.28) !important;
  background: rgba(8,16,34,.55) !important;
  color: rgba(234,242,255,.86) !important;
}

body.prhPageUI .card,
body.prhPageUI .feature,
body.prhPageUI .panel,
body.prhPageUI .plan,
body.prhPageUI .featCard{
  border-radius: 22px !important;
  border: 1px solid rgba(80,190,255,.18) !important;
  background:
    linear-gradient(180deg, rgba(16,24,46,.88), rgba(8,13,28,.94)) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.22) !important;
  backdrop-filter: blur(10px);
}
body.prhPageUI .card:hover,
body.prhPageUI .feature:hover,
body.prhPageUI .featCard:hover,
body.prhPageUI .plan:hover{
  transform: translateY(-3px);
  border-color: rgba(124,233,255,.32) !important;
}
body.prhPageUI .feature b,
body.prhPageUI .card .title,
body.prhPageUI .featCard b,
body.prhPageUI .plan h3{
  color: #fff !important;
}
body.prhPageUI .badge{
  border-color: rgba(80,190,255,.28) !important;
  background: rgba(55,214,255,.1) !important;
  color: #8be7ff !important;
}

body.prhPageUI .prhPkgCard{
  border-radius: 26px !important;
  border: 1px solid rgba(55,214,255,.2) !important;
  background: linear-gradient(180deg, rgba(16,24,46,.94), rgba(8,13,28,.96)) !important;
  box-shadow: 0 22px 50px rgba(0,0,0,.28) !important;
  min-height: 430px !important;
  padding: 22px !important;
  transition: transform .18s ease, border-color .18s ease;
}
body.prhPageUI .prhPkgCard:hover{
  transform: translateY(-4px);
  border-color: rgba(124,233,255,.38) !important;
}
body.prhPageUI .prhPkgCard.prhRec{
  border-color: rgba(255,138,61,.32) !important;
  background:
    radial-gradient(700px 280px at 18% 0%, rgba(255,138,61,.16), transparent 55%),
    linear-gradient(180deg, rgba(16,24,46,.94), rgba(8,13,28,.96)) !important;
}
body.prhPageUI .prhPkgName{
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #fff !important;
}
body.prhPageUI .prhPkgPrice{
  font-size: 40px !important;
  font-weight: 800 !important;
  letter-spacing: -.04em !important;
  color: #7ce9ff !important;
}
body.prhPageUI[data-page="vps"] .prhPkgPrice{ color: #d7b4ff !important; }
body.prhPageUI[data-page="dedicated"] .prhPkgPrice{ color: #ffb26a !important; }
body.prhPageUI .prhPkgNote{ color: rgba(234,242,255,.72) !important; }
body.prhPageUI .prhPkgUl{
  list-style: none !important;
  padding: 0 !important;
  display: grid;
  gap: 9px;
}
body.prhPageUI .prhPkgUl li{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: rgba(234,242,255,.86) !important;
}
body.prhPageUI .prhPkgUl li::before{
  content: "";
  width: 16px;
  height: 16px;
  margin-top: 2px;
  flex: 0 0 16px;
  border-radius: 99px;
  background-color: rgba(55,214,255,.16);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.2 6.2l2.4 2.4 5.2-5.4' fill='none' stroke='%237ce9ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}

body.prhPageUI .lightWrap{
  background: transparent !important;
  color: inherit !important;
}
body.prhPageUI .faq details,
body.prhPageUI details{
  border: 1px solid rgba(80,190,255,.16) !important;
  background: rgba(8,13,28,.72) !important;
  border-radius: 16px !important;
}
body.prhPageUI .faq summary{ color: #fff !important; }

body.prhPageUI .panel .hd{
  border-bottom: 1px solid rgba(80,190,255,.12);
  color: #fff;
}
body.prhPageUI .qo a{
  background: rgba(6,12,26,.55) !important;
  border-color: rgba(80,190,255,.16) !important;
}

body.prhPageUI .coTOC a,
body.prhPageUI .prhLegalHero .pill{
  border-radius: 999px !important;
  border: 1px solid rgba(80,190,255,.22) !important;
  background: rgba(8,16,34,.55) !important;
  color: #eaf6ff !important;
}
body.prhPageUI .prhLegalHero .h1,
body.prhPageUI .prhSupportHero .h1{
  font-size: clamp(28px, 3.2vw, 44px) !important;
}

body.prhPageUI .prhDashCard,
body.prhPageUI .prhLiveDash,
body.prhPageUI .prhSupportMedia{
  border: 1px solid rgba(80,190,255,.18) !important;
  background: linear-gradient(180deg, rgba(16,24,46,.88), rgba(8,13,28,.94)) !important;
  border-radius: 20px !important;
}
body.prhPageUI input,
body.prhPageUI select,
body.prhPageUI textarea{
  border-color: rgba(80,190,255,.22) !important;
  background: rgba(6,12,26,.65) !important;
  color: #eaf2ff !important;
  border-radius: 12px !important;
}

body.prhPageUI .featWrap,
body.prhPageUI .featCallout{
  border-color: rgba(80,190,255,.16);
}
body.prhPageUI .chip{
  border-color: rgba(80,190,255,.28) !important;
  background: rgba(8,16,34,.55) !important;
  color: #8be7ff !important;
}

/* Convert leftover light-template pages (jobs/about/community) to the dark chrome look */
body.prhPageUI .utility,
body.prhPageUI header.topbar{ display: none !important; }
body.prhPageUI main,
body.prhPageUI .pageHero,
body.prhPageUI section.hero,
body.prhPageUI section.section{
  color: #eaf2ff;
}
body.prhPageUI .pageHero h1,
body.prhPageUI section.hero h1,
body.prhPageUI section.section h2,
body.prhPageUI section.section h3{
  color: #fff !important;
}
body.prhPageUI .kpi,
body.prhPageUI .grid2 .card,
body.prhPageUI .grid3 .card{
  border: 1px solid rgba(80,190,255,.18) !important;
  background: linear-gradient(180deg, rgba(16,24,46,.9), rgba(8,13,28,.94)) !important;
  border-radius: 20px !important;
}
body.prhPageUI a.btn{
  text-decoration: none;
}
body.prhPageUI main a.btn:not(.ghost):not(.btn--ghost),
body.prhPageUI .container.hero a.btn.primary,
body.prhPageUI .container.section a.btn.primary,
body.prhPageUI .cta a.btn.primary{
  background: linear-gradient(90deg, #ff8a2b, #ff4f88) !important;
  color: #14080c !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}
body.prhPageUI a.btn--ghost,
body.prhPageUI a.btn.btn--ghost{
  background: transparent !important;
  color: #eaf6ff !important;
  border: 1px solid rgba(80,190,255,.45) !important;
}

body.prhPageUI .section{
  padding-top: 18px;
  padding-bottom: 10px;
}

body.prhPageUI .prhDomSearch{
  padding: 36px 32px;
  border: 1px solid rgba(80,190,255,.18);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(16,24,46,.92), rgba(8,13,28,.96));
  box-shadow: 0 22px 50px rgba(0,0,0,.28);
}
body.prhPageUI .prhDomForm{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
body.prhPageUI .prhDomForm input{
  flex: 1;
  min-width: 220px;
  padding: 14px 16px;
  font-size: 16px;
  outline: none;
}
body.prhPageUI .prhDomHint{
  margin-top: 10px;
  font-size: 13px;
  color: rgba(234,242,255,.62);
}
body.prhPageUI .prhDomResults{ margin-top: 18px; }
body.prhPageUI .prhDomHead{
  margin: 18px 0 8px;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #8be7ff;
  font-weight: 800;
}
body.prhPageUI .prhDomRow{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  margin-top: 8px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.035);
}
body.prhPageUI .prhDomRow.is-featured{
  border-color: rgba(124,233,255,.35);
  box-shadow: 0 0 0 1px rgba(124,233,255,.12);
}
body.prhPageUI .prhDomRow.is-free{
  border-color: rgba(82,229,154,.28);
}
body.prhPageUI .prhDomRow b{ display:block; font-size:17px; color:#fff; }
body.prhPageUI .prhDomOk{ color:#52e59a; font-size:13px; font-weight:800; }
body.prhPageUI .prhDomNo{ color:#ff8585; font-size:13px; font-weight:800; }
body.prhPageUI .prhDomMaybe{ color:rgba(234,242,255,.55); font-size:13px; }
body.prhPageUI .prhDomActs{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
body.prhPageUI .prhDomPrice{ color:#fff; font-size:18px; }
body.prhPageUI .prhDomPrice small{ font-size:12px; opacity:.65; font-weight:600; }
body.prhPageUI .prhDomLoading, body.prhPageUI .prhDomErr{ padding:16px; }
body.prhPageUI .prhDomErr{ color:#ff8585; }
body.prhPageUI .prhTldGrid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  margin-top: 18px;
}
body.prhPageUI .prhTldCard{
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(80,190,255,.16);
  background: linear-gradient(180deg, rgba(16,24,46,.9), rgba(8,13,28,.94));
}
body.prhPageUI .prhTldCard b{ display:block; color:#7ce9ff; font-size:20px; }
body.prhPageUI .prhTldCard span{ display:block; margin-top:6px; color:rgba(234,242,255,.62); font-size:13px; }
@media (max-width: 640px){
  body.prhPageUI .prhDomRow{ flex-direction:column; align-items:flex-start; }
}

body.prhPageUI .prhSteps{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 18px;
}
body.prhPageUI .prhStep{
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(80,190,255,.16);
  background: linear-gradient(180deg, rgba(16,24,46,.9), rgba(8,13,28,.94));
}
body.prhPageUI .prhStep em{
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 99px;
  background: rgba(124,233,255,.14);
  color: #7ce9ff;
  font-style: normal;
  font-weight: 800;
  font-size: 13px;
}
body.prhPageUI .prhStep b{ display:block; margin-top:10px; color:#fff; }
body.prhPageUI .prhStep p{ margin:8px 0 0; color:rgba(234,242,255,.68); font-size:14px; line-height:1.6; }
@media (max-width: 900px){
  body.prhPageUI .prhSteps{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px){
  body.prhPageUI .prhSteps{ grid-template-columns: 1fr; }
}
body.prhPageUI .pageHero__art{
  opacity: .28;
  mix-blend-mode: lighten;
  filter: saturate(1.2) hue-rotate(160deg);
}

body.prhPageUI[data-page="panel"] .prhGrid2{
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 900px){
  body.prhPageUI[data-page="panel"] .prhGrid2{ grid-template-columns: 1fr; }
}
body.prhPageUI .prhDomAuth,
body.prhPageUI .prhDomAuth--guest{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-areas:
    "login register"
    "why register";
  gap: 20px !important;
  align-items: stretch;
  max-width: 1080px;
  margin: 18px auto 0;
  width: 100%;
}
body.prhPageUI .prhDomAuth--login{ grid-area: login; }
body.prhPageUI .prhDomAuth--register{ grid-area: register; }
body.prhPageUI .prhDomWhy{ grid-area: why; }
body.prhPageUI .prhDomWhy ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
body.prhPageUI .prhDomWhy li{
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(80,190,255,.14);
  background: rgba(7,12,24,.45);
  color: rgba(234,242,255,.78);
  font-size: 13px;
  line-height: 1.45;
}
body.prhPageUI .prhDomWhy li b{
  display: block;
  color: #7ce9ff;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 2px;
}
body.prhPageUI .prhDomAuthCard,
body.prhPageUI form.prhDomAuthCard{
  display: flex !important;
  flex-direction: column !important;
  gap: 0;
  margin: 0;
  min-width: 0;
  height: 100%;
  padding: 24px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(80,190,255,.18) !important;
  background: linear-gradient(180deg, rgba(16,24,46,.94), rgba(8,13,28,.96)) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.22) !important;
  transform: none !important;
}
body.prhPageUI .prhDomAuthCard:hover,
body.prhPageUI form.prhDomAuthCard:hover{
  transform: none !important;
}
body.prhPageUI .prhDomAuthCard--wide{
  max-width: 640px;
}
body.prhPageUI .prhDomCheckout{
  max-width: 560px !important;
  padding: 22px !important;
}
body.prhPageUI .prhDomWait{
  padding: 28px !important;
  max-width: 640px !important;
}
body.prhPageUI .prhDomWait h3{
  margin-bottom: 10px !important;
}
body.prhPageUI .prhDomWait p{
  margin-bottom: 0 !important;
}
body.prhPageUI .prhDomCheckout h3{ font-size: 18px !important; margin-bottom: 6px; }
body.prhPageUI .prhDomCheckout p{ margin-bottom: 10px !important; font-size: 13px !important; }
body.prhPageUI .prhDomCheckout label{ margin: 0 0 8px !important; font-size: 12px; }
body.prhPageUI .prhDomCheckout input,
body.prhPageUI .prhDomCheckout select{
  min-height: 38px !important;
  padding: 8px 10px !important;
  font-size: 14px !important;
}
body.prhPageUI .prhDomSteps{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
body.prhPageUI .prhDomSteps span{
  font-size: 11px;
  font-weight: 800;
  color: rgba(234,242,255,.45);
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(80,190,255,.16);
}
body.prhPageUI .prhDomSteps span.is-on{
  color: #7ce9ff;
  border-color: rgba(124,233,255,.4);
  background: rgba(55,214,255,.1);
}
body.prhPageUI .prhDomQuote{
  display: grid;
  gap: 8px;
  margin: 0 0 14px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(80,190,255,.18);
  background: rgba(7,12,24,.55);
}
body.prhPageUI .prhDomQuote div{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 14px;
  color: rgba(234,242,255,.7);
}
body.prhPageUI .prhDomQuote b{ color: #fff; }
body.prhPageUI .prhDomAuthCard h3{
  margin: 0 0 8px;
  color: #fff !important;
  font-size: 22px;
  font-weight: 800;
}
body.prhPageUI .prhDomAuthCard p,
body.prhPageUI .prhDomNote{
  margin: 0 0 16px;
  color: rgba(234,242,255,.68) !important;
  line-height: 1.6;
  font-size: 14px;
}
body.prhPageUI .prhDomAuthCard label{
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px;
  width: 100% !important;
  margin: 0 0 14px !important;
  color: rgba(234,242,255,.78);
  font-size: 13px;
  font-weight: 700;
}
body.prhPageUI .prhDomAuthCard label span{
  display: block;
}
body.prhPageUI .prhDomAuthCard input,
body.prhPageUI .prhDomAuthCard select,
body.prhPageUI .prhDomAuthCard textarea,
body.prhPageUI .prhDomCard input,
body.prhPageUI .prhDomCard select,
body.prhPageUI .prhDomCard textarea{
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  min-height: 46px;
  border-radius: 12px !important;
  border: 1px solid rgba(80,190,255,.22) !important;
  background: rgba(7,12,24,.75) !important;
  color: #fff !important;
  font-size: 15px;
}
body.prhPageUI .prhDomAuthCard .btn{
  width: 100%;
  margin-top: 6px;
  justify-content: center;
}
body.prhPageUI .prhDomAuthBtns{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}
body.prhPageUI .prhDomAuthBtns .btn{
  width: auto;
  flex: 1;
  min-width: 140px;
}
body.prhPageUI .prhDomCard{
  display: flex !important;
  flex-direction: column !important;
  padding: 22px !important;
}
body.prhPageUI .prhDomCard label{
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  margin: 12px 0;
  color: rgba(234,242,255,.72);
  font-size: 13px;
}
@media (max-width: 900px){
  body.prhPageUI .prhDomAuth,
  body.prhPageUI .prhDomAuth--guest{
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "login"
      "register"
      "why";
  }
}
body.prhPageUI .prhDomBanner{
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 14px;
  border: 1px solid rgba(255,133,133,.35);
  background: rgba(255,80,80,.1);
  color: #ffd0d0;
}
body.prhPageUI .prhDomBanner.is-ok{
  border-color: rgba(82,229,154,.35);
  background: rgba(82,229,154,.1);
  color: #b8ffd4;
}
body.prhPageUI .prhDomCard label{
  display: block;
  margin: 12px 0;
  color: rgba(234,242,255,.72);
  font-size: 13px;
}
body.prhPageUI .prhDomCard input,
body.prhPageUI .prhDomCard select,
body.prhPageUI .prhDomCard textarea{
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(80,190,255,.22);
  background: rgba(7,12,24,.7);
  color: #fff;
}
body.prhPageUI .prhDomSplit{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
body.prhPageUI .prhDomCheck{
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px;
}
body.prhPageUI .prhDomCheck input,
body.prhPageUI .prhDomAuthCard label.prhDomCheck input{
  width: auto !important;
  min-height: auto !important;
  margin: 0 !important;
}
body.prhPageUI .prhDomToolbar{
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
body.prhPageUI .prhDomTabs{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}
body.prhPageUI .prhDomTabs button{
  border-radius: 999px;
  border: 1px solid rgba(80,190,255,.25);
  background: rgba(8,16,34,.55);
  color: #eaf6ff;
  padding: 8px 14px;
  text-transform: capitalize;
  cursor: pointer;
}
body.prhPageUI .prhDomTabs button.is-on{
  background: rgba(55,214,255,.16);
  border-color: rgba(124,233,255,.45);
}
body.prhPageUI .prhDomTable{
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0;
}
body.prhPageUI .prhDomTable th,
body.prhPageUI .prhDomTable td{
  padding: 8px 6px;
  text-align: left;
  vertical-align: top;
}
body.prhPageUI .prhDomTable input,
body.prhPageUI .prhDomTable select{
  min-width: 90px;
}
body.prhPageUI.prhDomBusy{ cursor: wait; }
body.prhPageUI.prhDomBusy .btn{ pointer-events: none; opacity: .7; }
@media (max-width: 700px){
  body.prhPageUI .prhDomSplit{ grid-template-columns: 1fr; }
  body.prhPageUI .prhDomTable{ display: block; overflow-x: auto; }
}

body[data-page="domain-panel"] .container.hero{ display: none !important; }
body[data-page="domain-panel"] .prhFootArt,
body[data-page="domain-panel"] .prhFoot{ display: none !important; }
body[data-page="domain-panel"] #prhDomApp.section{
  padding-top: 8px !important;
  padding-bottom: 24px !important;
  margin-top: 0 !important;
}
body[data-page="domain-panel"] .prhDomAuth,
body[data-page="domain-panel"] .prhDomAuth--guest{
  margin-top: 0 !important;
}
body[data-page="domain-panel"] .prhDomCheckout{
  margin: 0 auto !important;
}
body.prhPageUI .prhBoard{
  max-width: 1080px;
  margin: 0 auto;
}
body.prhPageUI .prhBoardTop{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
body.prhPageUI .prhBoardTop h2{
  margin: 0;
  font-size: 22px;
  font-weight: 800;
  color: #fff;
}
body.prhPageUI .prhBoardTopBtns{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
body.prhPageUI .prhBoardChip,
body.prhPageUI a.prhBoardChip,
body.prhPageUI .prhBoardMenu summary{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(80,190,255,.28);
  background: rgba(12,20,40,.88);
  color: #9fd9ff;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
  text-decoration: none;
}
body.prhPageUI .prhBoardMenu summary::-webkit-details-marker{ display: none; }
body.prhPageUI .prhBoardChip:hover,
body.prhPageUI .prhBoardMenu summary:hover{
  border-color: rgba(124,233,255,.5);
}
body.prhPageUI .prhBoardIco{
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
body.prhPageUI .prhBoardMenu{ position: relative; }
body.prhPageUI .prhBoardMenuList{
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 180px;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid rgba(80,190,255,.22);
  background: #10182c;
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body.prhPageUI .prhBoardMenuList a,
body.prhPageUI .prhBoardMenuList button{
  display: block;
  width: 100%;
  text-align: left;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #eaf6ff;
  font-size: 13px;
  cursor: pointer;
}
body.prhPageUI .prhBoardMenuList a:hover,
body.prhPageUI .prhBoardMenuList button:hover{
  background: rgba(80,190,255,.12);
}
body.prhPageUI .prhBoardStats{
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 12px;
  margin-bottom: 16px;
}
body.prhPageUI .prhBoardMini{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
body.prhPageUI .prhBoardMini article{
  position: relative;
  min-height: 78px;
  padding: 12px 44px 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(80,190,255,.16);
  background: linear-gradient(180deg, rgba(18,28,52,.96), rgba(10,16,32,.96));
}
body.prhPageUI .prhBoardMini span{
  display: block;
  font-size: 12px;
  color: rgba(234,242,255,.55);
  margin-bottom: 4px;
}
body.prhPageUI .prhBoardMini b{
  font-size: 16px;
  color: #fff;
}
body.prhPageUI .prhBoardMini .prhBoardIco{
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  color: #5cb8ff;
}
body.prhPageUI .prhBoardHero{
  border-radius: 16px;
  padding: 16px 18px;
  background: linear-gradient(180deg, #163a78 0%, #1d6fd4 55%, #4aa3ff 100%);
  color: #fff;
  min-height: 168px;
  display: flex;
  flex-direction: column;
}
body.prhPageUI .prhBoardHeroTop{
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
}
body.prhPageUI .prhBoardHeroTop a{ color: #fff; text-decoration: underline; }
body.prhPageUI .prhBoardHero p{
  margin: 18px 0 0;
  font-size: 13px;
  opacity: .85;
}
body.prhPageUI .prhBoardHero strong{
  font-size: 36px;
  line-height: 1.1;
  font-weight: 800;
}
body.prhPageUI .prhBoardHeroBtns{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 12px;
}
body.prhPageUI .prhBoardHeroBtns .btn{
  padding: 8px 12px;
  font-size: 13px;
}
body.prhPageUI .prhBoardHeroBtns .btn.ghost{
  background: rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.35) !important;
  color: #fff !important;
}
body.prhPageUI .prhBoardNav{
  display: flex;
  gap: 18px;
  border-bottom: 1px solid rgba(80,190,255,.16);
  margin-bottom: 12px;
}
body.prhPageUI .prhBoardNav button{
  background: none;
  border: 0;
  padding: 8px 0 10px;
  color: rgba(234,242,255,.6);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
body.prhPageUI .prhBoardNav button.is-on{
  color: #7ce9ff;
  border-bottom-color: #4aa3ff;
}
body.prhPageUI .prhBoardPanel{
  border-radius: 16px;
  border: 1px solid rgba(80,190,255,.16);
  background: linear-gradient(180deg, rgba(16,24,46,.94), rgba(8,13,28,.96));
  padding: 14px 16px 8px;
}
body.prhPageUI .prhBoardTools{
  display: block !important;
  margin: 0 0 18px !important;
  padding: 0 0 16px !important;
  border-bottom: 1px solid rgba(80,190,255,.14);
}
body.prhPageUI .prhBoardTools > span{
  display: block !important;
  color: rgba(234,242,255,.55) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin: 0 0 10px !important;
}
body.prhPageUI .prhBoardToolsRow{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
body.prhPageUI button.prhBoardTool{
  width: auto !important;
  max-width: none !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(80,190,255,.28) !important;
  background: rgba(8,16,34,.85) !important;
  color: #cfe8ff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
body.prhPageUI button.prhBoardTool:hover{
  border-color: rgba(124,233,255,.55) !important;
  background: rgba(30,70,130,.35) !important;
  color: #fff !important;
}
@media (max-width: 700px){
  body.prhPageUI .prhBoardToolsRow{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
body.prhPageUI .prhBoardOfferHead{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: #9fd9ff;
  font-size: 13px;
}
body.prhPageUI .prhBoardOfferHead b{
  flex: 1;
  color: #eaf6ff;
  font-weight: 700;
}
body.prhPageUI .prhBoardOfferHead a{
  color: #7ce9ff;
  font-size: 12px;
  font-weight: 700;
}
body.prhPageUI .prhBoardOfferHead button{
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(234,242,255,.55);
  font-size: 20px;
  cursor: pointer;
}
body.prhPageUI .prhBoardOffer{
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,.06);
}
body.prhPageUI .prhBoardTlds{ display: flex; align-items: center; gap: 8px; }
body.prhPageUI .prhBoardPill{
  display: inline-flex;
  min-width: 54px;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 8px;
  border: 1px solid rgba(80,190,255,.22);
  background: rgba(7,12,24,.75);
  color: #cfe8ff;
  font-size: 13px;
  font-weight: 700;
}
body.prhPageUI .prhBoardPlus{ color: rgba(234,242,255,.4); }
body.prhPageUI .prhBoardInfo{
  width: 14px;
  height: 14px;
  color: #7ce9ff;
  opacity: .75;
}
body.prhPageUI .prhBoardOff{ color: #fff; font-weight: 800; font-size: 13px; white-space: nowrap; }
body.prhPageUI .prhBoardSearch{
  color: #7ce9ff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
}
body.prhPageUI .prhDomFilter{
  min-width: 160px;
  max-width: 240px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(80,190,255,.22);
  background: rgba(7,12,24,.75);
  color: #fff;
}
body.prhPageUI .prhBoardPanel .prhDomFilter{ margin: 4px 0 10px; max-width: 240px; }
body.prhPageUI .prhDomEmpty{
  padding: 20px 16px;
  border-radius: 16px;
  border: 1px solid rgba(80,190,255,.16);
  background: rgba(8,13,28,.8);
}
body.prhPageUI .prhDomEmpty b{ display:block; color:#fff; margin-bottom:6px; }
body.prhPageUI .prhDomEmpty p{ margin:0; color:rgba(234,242,255,.65); font-size:14px; }
body.prhPageUI .prhDomTableWrap{ overflow-x: auto; }
body.prhPageUI .prhDomDash{
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
body.prhPageUI .prhDomDash th{
  text-align: left;
  font-size: 11px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #8be7ff;
  padding: 8px 10px;
  border-bottom: 1px solid rgba(80,190,255,.2);
}
body.prhPageUI .prhDomDash td{
  padding: 10px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  vertical-align: middle;
}
body.prhPageUI .prhDomDash b{ color:#fff; }
body.prhPageUI .prhDomPill.is-wait{
  background: rgba(255,176,80,.14);
  color: #ffc27a;
}
body.prhPageUI .prhDomManageHead{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
}
body.prhPageUI .prhDomManageHead h3{ margin: 0; font-size: 18px; color:#fff; }
body.prhPageUI .prhDomManageHead p{ margin: 4px 0 0; font-size: 13px; color: rgba(234,242,255,.65); }
body.prhPageUI .prhDomTabs{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}
body.prhPageUI .prhDomTabs button{ padding: 6px 10px; font-size: 13px; }
body.prhPageUI .prhDomAuthCard--wide{ max-width: none; }
body.prhPageUI .prhDomEmpty .prhDomActs{ margin-top: 14px; }
body[data-page="domain-panel"].prhDomAuthed .prhDomAuthCard--wide{
  padding: 16px !important;
}
@media (max-width: 980px){
  body.prhPageUI .prhBoardStats{ grid-template-columns: 1fr; }
}
@media (max-width: 640px){
  body.prhPageUI .prhBoardOffer{
    grid-template-columns: 1fr auto auto;
  }
}

body.prhPageUI .prhSec .secHead{
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #fff !important;
  letter-spacing: -.02em;
  margin: 0 0 16px !important;
}
body.prhPageUI .prhSec .prhGrid2{
  gap: 18px;
  align-items: stretch;
}
body.prhPageUI .prhSec .plan{
  display: flex !important;
  flex-direction: column !important;
  padding: 24px !important;
  min-height: 100%;
}
body.prhPageUI .prhSec .prhK{
  margin: 12px 0 0 !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.25;
}
body.prhPageUI .prhSec .prhP{
  margin: 8px 0 0 !important;
  color: rgba(234,242,255,.7) !important;
  font-size: 14px !important;
  line-height: 1.6;
}
body.prhPageUI .prhSec .prhUl{
  list-style: none;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  display: grid;
  gap: 10px;
  flex: 1;
}
body.prhPageUI .prhSec .prhUl li{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: rgba(234,242,255,.86);
  font-size: 14px;
  line-height: 1.45;
}
body.prhPageUI .prhSec .prhUl li::before{
  content: "";
  width: 16px;
  height: 16px;
  margin-top: 2px;
  flex: 0 0 16px;
  border-radius: 99px;
  background-color: rgba(55,214,255,.16);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.2 6.2l2.4 2.4 5.2-5.4' fill='none' stroke='%237ce9ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}
body.prhPageUI .prhSec .cta{
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
  padding-top: 18px;
}
body.prhPageUI .prhSec .cta .btn{
  width: auto !important;
  min-height: 42px;
  padding: 0 16px !important;
}