/* AmyHOSTING: one graphite/violet vocabulary over the existing PHP application. */
.ah-dashboard { color: #fff; }.ah-dashboard-head { margin: 4px 0 20px; }.ah-dashboard-head h1 { margin: 0 0 4px; font-size: clamp(29px,3vw,41px); font-weight: 790; letter-spacing: -.045em; }.ah-dashboard-head p { margin: 0; color: #9A9AA8; font-size: 13px; }
.ah-dashboard-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.ah-dashboard-metrics > div { display: grid; grid-template-columns: 43px 1fr; align-content: start; gap: 5px 12px; min-height: 150px; padding: 17px; border: 1px solid #303449; border-radius: 16px; background: #1B1E2D; }.ah-dashboard-metrics > div > i { grid-row: 1 / span 3; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 9px; background: #2B2442; color: #AD8AFF; font-size: 21px; }.ah-dashboard-metrics > div > span { color: #BDB6CA; font-size: 12px; }.ah-dashboard-metrics strong { font-size: clamp(23px,2.5vw,31px); font-weight: 780; line-height: 1.1; }.ah-dashboard-metrics a { grid-column: 2; color: #BA9CFF; font-size: 12px; text-decoration: none; }.ah-dashboard-metrics a.ah-button { min-height: 34px; width: fit-content; padding: 7px 13px; color: #fff; }
.ah-dashboard-section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 25px 0 11px; }.ah-dashboard-section-head h2 { margin: 0; color: #fff; font-size: 19px; font-weight: 760; }.ah-dashboard-section-head a { color: #BA9CFF; font-size: 12px; text-decoration: none; }
.ah-dashboard-service, .ah-dashboard-blank { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 16px; padding: 19px; border: 1px solid #303449; border-radius: 16px; background: #1B1E2D; }.ah-dashboard-service-main { display: flex; align-items: center; gap: 15px; min-width: 0; }.ah-service-mark { display: grid; place-items: center; width: 51px; height: 51px; flex: none; border-radius: 10px; background: #302447; color: #B18CFF; font-size: 24px; }.ah-dashboard-service-main > div { min-width: 0; }.ah-dashboard-service h3 { display: flex; align-items: center; gap: 9px; margin: 0 0 3px; font-size: 19px; font-weight: 770; }.ah-dash-state { padding: 4px 8px; border-radius: 10px; background: #204035; color: #7fe4b1; font-size: 11px; font-weight: 600; }.ah-dashboard-service-main a { color: #ba9aff; font-size: 13px; text-decoration: none; }.ah-dashboard-service-main p { margin: 6px 0 0; color: #9A9AA8; font-size: 11px; }.ah-dashboard-service > .ah-button { padding-inline: 21px; }.ah-dashboard-disk { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; padding-top: 15px; border-top: 1px solid #303449; color: #bcb6cc; font-size: 12px; }.ah-dashboard-disk > div { flex: 1; height: 8px; overflow: hidden; border-radius: 5px; background: #303449; }.ah-dashboard-disk > div i { display: block; height: 100%; border-radius: inherit; background: #8B5CF6; }.ah-dashboard-disk strong { color: #fff; }.ah-dashboard-blank { color: #9A9AA8; }.ah-dashboard-blank p { margin: 0; }
.ah-dashboard-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.ah-dashboard-actions a { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 72px; padding: 12px; border: 1px solid #303449; border-radius: 14px; background: #1B1E2D; color: #fff; text-decoration: none; }.ah-dashboard-actions a:hover { border-color: #8B5CF6; }.ah-dashboard-actions a > i:first-child { display: grid; place-items: center; flex: none; width: 35px; height: 35px; border-radius: 8px; background: #302447; color: #AB8AFF; font-size: 20px; }.ah-dashboard-actions a > i:last-child { margin-left: auto; color: #B69AFF; font-size: 13px; }.ah-dashboard-actions span { display: grid; min-width: 0; }.ah-dashboard-actions strong { font-size: 12px; }.ah-dashboard-actions small { color: #9A9AA8; font-size: 10px; }
.ah-dashboard-lower { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 18px; }.ah-dashboard-panel { min-width: 0; border: 1px solid #303449; border-radius: 16px; background: #1B1E2D; overflow: hidden; }.ah-dashboard-panel-head { display: flex; justify-content: space-between; gap: 9px; padding: 14px 17px; border-bottom: 1px solid #303449; }.ah-dashboard-panel h2 { margin: 0; font-size: 14px; font-weight: 750; }.ah-dashboard-panel a { color: #B69AFF; font-size: 11px; text-decoration: none; }.ah-disk-chart { position: relative; height: 234px; padding: 14px; }.ah-disk-chart canvas { display: block; width: 100% !important; height: 100% !important; }.ah-dashboard-chart-empty { margin: 0; padding: 20px; color: #9A9AA8; font-size: 12px; line-height: 1.5; }.ah-dashboard-events { margin: 0; padding: 11px 16px; list-style: none; }.ah-dashboard-events li { display: flex; align-items: center; gap: 11px; min-height: 38px; font-size: 11px; }.ah-dashboard-events li > i { width: 7px; height: 7px; flex: none; border-radius: 50%; background: #9D73FF; }.ah-dashboard-events li span { flex: 1; }.ah-dashboard-events time { color: #9A9AA8; font-size: 10px; white-space: nowrap; }
@media (max-width: 950px) { .ah-dashboard-lower { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .ah-dashboard-metrics,.ah-dashboard-actions { grid-template-columns: 1fr; gap: 8px; }.ah-dashboard-metrics > div { grid-template-columns: 39px 1fr; min-height: 92px; padding: 12px; }.ah-dashboard-metrics > div > i { width: 36px; height: 36px; }.ah-dashboard-metrics strong { font-size: 22px; }.ah-dashboard-service { grid-template-columns: 1fr; }.ah-dashboard-service > .ah-button { justify-self: start; }.ah-dashboard-disk { flex-wrap: wrap; }.ah-dashboard-disk > div { flex-basis: 65%; }.ah-dashboard-actions a { min-height: 57px; }.ah-dashboard-events time { white-space: normal; text-align: right; } }
html .hp-auth-shell .ah-input-icon .form-control, html .hp-auth-shell .ah-input-icon .form-control:focus { min-height: 49px; border: 0; outline: 0; box-shadow: none; background: transparent; color: #fff; }
.hp-auth-shell:has(.hp-admin-auth) .hp-auth-aside { background: linear-gradient(0deg,#0A0A0F66,#0A0A0F77),url('../img/rack-placeholder.svg') center/cover no-repeat; }.hp-auth-shell:has(.hp-admin-auth) .hp-auth-main { background: #10121B; }.hp-auth-shell:has(.hp-admin-auth) .hp-auth-form { max-width: 460px; border-color: #303449; background: #1B1E2D; }.hp-auth-shell:has(.hp-admin-auth) .hp-auth-submit { background: linear-gradient(180deg,#8B6CFF,#6E4BFF); border-color: #8B5CF6; }
html[data-bs-theme] .hp-auth-shell:has(.hp-admin-auth) .hp-auth-main { background: #10121B; }html[data-bs-theme] .hp-auth-shell:has(.hp-admin-auth) .hp-auth-form { border-color: #303449; background: #1B1E2D; }.hp-auth-shell:has(.hp-admin-auth) .hp-auth-aside-copy h1 span { color: #AB87FF; }.hp-auth-shell:has(.hp-admin-auth) .hp-auth-intro-icon { background: #302446; color: #AD8AFF; }
html[data-bs-theme] .hp-admin .hp-topbar-actions .badge.position-absolute { left: auto !important; right: 2px !important; top: 1px !important; transform: translate(0,-25%) !important; }
@media (max-width: 700px) { html[data-bs-theme] .wh-workspace .wh-mobile-tabs { grid-template-columns: repeat(5,minmax(0,1fr)); }.wh-workspace .wh-mobile-tabs a { min-width: 0; font-size: 9px; } }
:root { color-scheme: dark; --ah-bg: #10121B; --ah-panel: #1B1E2D; --ah-inner: #1C1C28; --ah-line: #303449; --ah-violet: #8B5CF6; --ah-violet-light: #AB87FF; --ah-text: #fff; --ah-muted: #9A9AA8; --ah-glow: linear-gradient(180deg,#8B6CFF,#6E4BFF); --bs-body-bg: #10121B; --bs-body-color: #fff; --bs-primary: #8B5CF6; --bs-link-color: #AB87FF; --bs-link-hover-color: #C1A9FF; }
html, body.hp-app { background: var(--ah-bg); color: var(--ah-text); }
.ah-brand { display: inline-flex; align-items: center; gap: 8px; width: fit-content; color: #fff; text-decoration: none; white-space: nowrap; font: 730 17px/1.2 Inter,"Segoe UI",system-ui,sans-serif; letter-spacing: -.035em; }.ah-brand:hover { color: #fff; }.ah-brand img { width: 35px; height: 35px; flex: none; }.ah-brand span em { color: var(--ah-violet-light); font-style: normal; }
.ah-socials b { color: #c9baff; font-size: 9px; letter-spacing: -.04em; }
.wh-workspace .cm-page .btn-success, .wh-workspace .cm-page .hp-isp-btn.is-success { border-color: #8B5CF6; background: linear-gradient(180deg,#8B6CFF,#6E4BFF); color: #fff; }.wh-workspace .cm-page .hp-isp-btn.is-success i { color: #fff; }.ah-fm-mobile-state { display: none; }
html[data-bs-theme] .wh-workspace .cm-page .btn-primary { --bs-btn-bg: #8B5CF6; --bs-btn-color: #fff; --bs-btn-border-color: #8B5CF6; --bs-btn-hover-bg: #6E4BFF; --bs-btn-hover-color: #fff; --bs-btn-hover-border-color: #8B5CF6; background: linear-gradient(180deg,#8B6CFF,#6E4BFF); color: #fff; }.hp-admin .hp-sidebar-footer { border-color: #303449; background: #1B1E2D; }
.wh-workspace .cm-page .cm-hero { background: #1B1E2D; border: 1px solid #303449; }.wh-workspace .cm-page .cp-console { background: #15151F; border-color: #303449; }.wh-workspace .cm-page .hp-isp-bar { background: #1B1E2D; border-color: #303449; }.wh-workspace .cm-page .hp-isp-btn:not(.is-primary):not(.is-success):not(.is-danger) { border-color: #48425D; background: #252436; color: #E2DDEE; }.wh-workspace .cm-page .hp-fm-table thead th { background: #242336; color: #E7DDF8; }.wh-workspace .cm-page .hp-isp-search { border-color: #303449; background: #1C1C28; }.wh-workspace .cm-page .hp-isp-search input { color: #fff; }.wh-workspace .cm-page .hp-isp-search input::placeholder { color: #9A9AA8; }
@media (max-width: 700px) { .ah-dashboard .ah-dashboard-disk { display: grid; grid-template-columns: minmax(0,1fr) auto; }.ah-dashboard .ah-dashboard-disk > span { grid-column: 1 / -1; }.ah-dashboard .ah-dashboard-disk > div { grid-column: 1; width: 100%; }.ah-dashboard .ah-dashboard-disk > strong { grid-column: 2; } }
@media (max-width: 700px) { .wh-workspace .hp-fm-table .hp-fm-empty-row, .wh-workspace .hp-fm-table .hp-fm-loading-row { display: none !important; }.wh-workspace .ah-fm-mobile-state { display: grid; justify-items: center; gap: 7px; padding: 30px 16px; color: #9A9AA8; font-size: 12px; text-align: center; }.wh-workspace .ah-fm-mobile-state i { font-size: 27px; color: #A986FF; }.wh-workspace .ah-fm-mobile-state strong { color: #fff; font-size: 14px; } }
.ah-eyebrow { display: block; color: var(--ah-violet-light); font-size: 11px; font-weight: 780; letter-spacing: .16em; line-height: 1.4; }
.ah-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 11px 19px; border: 1px solid transparent; border-radius: 10px; color: #fff; text-decoration: none; font-size: 13px; font-weight: 740; }.ah-button-primary { background: var(--ah-glow); box-shadow: 0 6px 18px #6844e624; }.ah-button-primary:hover { color: #fff; filter: brightness(1.12); }.ah-button-outline { border-color: #8B6CFF; background: transparent; color: #cab9ff; }.ah-button-outline:hover { color: #fff; background: #493a80; }.ah-button-text { padding-inline: 4px; background: transparent; color: var(--ah-violet-light); }.ah-button-text:hover { color: #fff; }
html[data-bs-theme] .mh-site-header { --mh-surface: #15151F; --mh-ink: #fff; --mh-muted: #9A9AA8; --mh-line: #303449; --mh-primary: #8B5CF6; --mh-on-primary: #fff; --mh-surface-high: #232335; background: #15151F; border-color: #303449; }
.mh-site-header .mh-header-inner { min-height: 65px; }.mh-site-header .mh-nav a { color: #d5d0e3; }.mh-site-header .mh-nav a:hover { color: #ae89ff; }.mh-site-header .mh-header-cta { min-height: 38px; border: 1px solid #565072; border-radius: 9px; background: #29273d; color: #fff; }.mh-site-header .mh-header-cta:hover { background: #3c335a; color: #fff; }
.mh-site-footer.hp-public-footer { padding: 24px 0 !important; border-top: 1px solid var(--ah-line) !important; background: #12131D; }.ah-footer-inner { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 25px; }.ah-footer-inner > div:first-child p { margin: 5px 0 0; color: var(--ah-muted); font-size: 10px; }.ah-footer-inner nav { display: flex; align-items: center; flex: 1; flex-wrap: wrap; justify-content: center; gap: 9px 19px; }.ah-footer-inner nav a { color: #c5bfd4; font-size: 11px; text-decoration: none; }.ah-footer-inner nav a:hover { color: var(--ah-violet-light); }.ah-socials { display: flex; gap: 8px; }.ah-socials span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid var(--ah-line); border-radius: 8px; color: #c9baff; }.ah-footer-inner > small { color: var(--ah-muted); font-size: 10px; }
/* Public landing; all figures come from the tariff records. */
.ah-home { background: var(--ah-bg); color: #fff; font-family: Inter,"Segoe UI",system-ui,sans-serif; }.ah-home .container { max-width: 1260px; }.ah-home-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 72% 45%,#292144 0,#10121B 43%,#0D0F17 100%); }.ah-home-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.95fr); align-items: center; gap: 22px; min-height: 485px; padding-block: 55px 34px; }.ah-hero-text h1 { max-width: 580px; margin: 16px 0 20px; color: #fff; font-size: clamp(43px,5.4vw,78px); font-weight: 800; letter-spacing: -.055em; line-height: 1.02; }.ah-hero-text > p { max-width: 530px; margin: 0; color: #c7c3d8; font-size: clamp(15px,1.6vw,20px); line-height: 1.6; }.ah-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; margin-top: 30px; }.ah-hero-visual { position: relative; min-width: 0; margin: 0; }.ah-hero-visual img { display: block; width: 100%; height: auto; filter: drop-shadow(0 12px 40px #8B5CF644); }.ah-hero-visual figcaption { position: absolute; top: 14%; right: -2%; color: #b998ff; font: italic 19px/1.2 "Segoe Print",cursive; transform: rotate(-8deg); }.ah-hero-visual figcaption i { display: block; margin: 12px 0 0 -20px; font-size: 28px; transform: rotate(-24deg); }
.ah-home-section { padding: 34px 0 26px; }.ah-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 17px; }.ah-section-heading h2 { margin: 0 0 6px; color: #fff; font-size: clamp(23px,2.4vw,32px); font-weight: 770; letter-spacing: -.03em; }.ah-section-heading p { margin: 0; color: var(--ah-muted); font-size: 13px; line-height: 1.5; }.ah-section-heading > a { color: var(--ah-violet-light); white-space: nowrap; font-size: 12px; font-weight: 700; text-decoration: none; }
.ah-landing-plans, .ah-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }.ah-landing-plan { display: flex; flex-direction: column; min-width: 0; padding: 20px; border: 1px solid var(--ah-line); border-radius: 16px; background: var(--ah-panel); }.ah-plan-title { display: flex; justify-content: space-between; gap: 12px; }.ah-plan-title h3 { margin: 0 0 4px; color: #fff; font-size: 21px; font-weight: 760; }.ah-plan-title p { min-height: 36px; margin: 0; color: var(--ah-muted); font-size: 12px; line-height: 1.4; }.ah-plan-title > i { color: #aa85ff; font-size: 26px; }.ah-plan-price { display: flex; align-items: baseline; gap: 6px; margin: 19px 0 15px; }.ah-plan-price strong { color: #fff; font-size: 30px; font-weight: 800; letter-spacing: -.03em; }.ah-plan-price span { color: #b69bff; font-size: 12px; }.ah-landing-plan ul { display: grid; gap: 8px; margin: 0 0 17px; padding: 0; list-style: none; color: #d5d0e0; font-size: 12px; }.ah-landing-plan li { display: flex; align-items: center; gap: 9px; }.ah-landing-plan li i { color: #bca4ff; }.ah-landing-plan .ah-button { width: 100%; margin-top: auto; }.ah-home-features { padding-bottom: 45px; }.ah-feature-grid article { min-width: 0; padding: 18px; border: 1px solid var(--ah-line); border-radius: 16px; background: var(--ah-panel); }.ah-feature-grid article > i { color: #9b73ff; font-size: 27px; }.ah-feature-grid h3 { margin: 10px 0 6px; font-size: 16px; font-weight: 750; }.ah-feature-grid p { margin: 0; color: var(--ah-muted); font-size: 12px; line-height: 1.55; }.ah-home-empty { padding: 22px; border: 1px solid var(--ah-line); color: var(--ah-muted); }
/* Existing account and admin views inherit the same surface roles. */
html[data-bs-theme] .wh-workspace { --wh-bg: #10121B; --wh-paper: #1B1E2D; --wh-soft: #1C1C28; --wh-line: #303449; --wh-text: #fff; --wh-muted: #9A9AA8; --wh-primary: #8B5CF6; --wh-on-primary: #fff; --wh-tonal: #28213E; --wh-on-tonal: #D9CAFF; --wh-sidebar: #141622; --wh-sidebar-line: #303449; --wh-sidebar-muted: #9A9AA8; --wh-focus: #AB87FF; --cm-bg: #10121B; --cm-surface: #1B1E2D; --cm-low: #1C1C28; --cm-high: #242438; --cm-line: #303449; --cm-ink: #fff; --cm-muted: #9A9AA8; --cm-primary: #8B5CF6; --cm-on-primary: #fff; --cm-tonal: #28213E; --cm-on-tonal: #D9CAFF; --cp-surface-code: #131420; --cp-code-ink: #DFD8F3; background: #10121B; }
.wh-workspace .wh-sidebar { background: #141622; }.wh-workspace .wh-sidebar-brand { border-color: #303449; }.wh-workspace .wh-sidebar-logo { font-size: 14px; }.wh-workspace .wh-sidebar-logo img { width: 33px; height: 33px; }.wh-workspace .wh-nav-link.is-active { background: #302447; color: #d4bcff; }.wh-workspace .wh-nav-link.is-active::before { background: #8B5CF6; }.wh-workspace .wh-nav-link.is-active i { color: #AD8AFF; }.wh-workspace .wh-nav-link:hover { background: #252337; }.wh-workspace .wh-nav-link i { color: #b8accd; }.wh-workspace .wh-status-dot { background: #8B5CF6; }.wh-workspace .wh-topbar { background: #171924; border-color: #303449; }.wh-workspace .wh-topbar-location a { color: #e3deec; text-decoration: none; font-size: 12px; }.wh-workspace .wh-topbar-location a:hover { color: #AE89FF; }.wh-workspace .wh-topbar-location { gap: 26px; }.wh-workspace .wh-service-switch--sidebar { padding: 7px 11px; border-bottom: 1px solid #303449; }.wh-workspace .wh-service-switch--sidebar .wh-service-button { width: 100%; max-width: none; justify-content: flex-start; border-color: #303449; background: #1C1C28; color: #e5ddf3; }.wh-workspace .wh-service-switch--sidebar .wh-service-button span { flex: 1; text-align: left; }.wh-workspace .wh-service-switch--sidebar .dropdown-menu { width: min(310px,85vw); }.wh-workspace .wh-mobile-tabs { background: #181A27; border-color: #303449; }.wh-workspace .wh-mobile-tabs a[aria-current="page"] { background: #312349; color: #B28AFF; }
.wh-workspace .wh-action-primary, .wh-workspace .wh-home-priority .wh-action-primary { border-color: #8B5CF6; background: var(--ah-glow); color: #fff; }.wh-workspace .wh-action-primary:hover { color: #fff; filter: brightness(1.1); }.wh-workspace .wh-action:not(.wh-action-primary) { color: #c8afff; border-color: #8B5CF6; }.wh-workspace .wh-action:not(.wh-action-primary):hover { color: #fff; background: #342451; }.wh-workspace .wh-step-number, .wh-workspace .wh-site-avatar, .wh-workspace .wh-domain-name > i { background: #312648; color: #A986FF; }.wh-workspace .wh-status--success::before { background: #46c893; }.wh-workspace .wh-status--warning::before { background: #e0ad59; }.wh-workspace .wh-home-priority { border-color: #8B5CF6; background: #282139; color: #f5efff; }.wh-workspace .wh-home-numbers a:hover { background: #282139; }.wh-workspace .wh-period:has(input:checked), .wh-workspace .wh-renew-option:has(input:checked) { outline: 1px solid #8B5CF6; outline-offset: -1px; background: #29213c; }.wh-workspace .wh-period input, .wh-workspace .wh-renew-option input { accent-color: #8B5CF6; }
.wh-workspace .wh-work-section, .wh-workspace .wh-resource-register, .wh-workspace .wh-service-list, .wh-workspace .wh-catalog, .wh-workspace .wh-order-summary { border-color: #303449; border-radius: 16px; background: #1B1E2D; overflow: hidden; }.wh-workspace .wh-home-numbers { background: #1B1E2D; }.wh-workspace .wh-catalog-head, .wh-workspace .wh-service-headings, .wh-workspace .wh-resource-head { background: #222433; }.wh-workspace .wh-home-chart, .wh-workspace .cm-chart { background: #1B1E2D; }
html[data-bs-theme] .hp-admin { --ad-bg: #10121B; --ad-surface: #1B1E2D; --ad-low: #1C1C28; --ad-high: #252537; --ad-line: #303449; --ad-ink: #fff; --ad-muted: #9A9AA8; --ad-primary: #8B5CF6; --ad-on-primary: #fff; --ad-tonal: #2C2341; --ad-on-tonal: #e4d7ff; --hp-bg: #10121B; --hp-surface: #1B1E2D; --hp-border: #303449; background: #10121B; color: #fff; }.hp-admin .hp-sidebar { background: #141622; border-color: #303449; }.hp-admin .hp-nav-item.active { background: #312449; color: #d8c4ff; }.hp-admin .hp-nav-item.active i { color: #a581ff; }.hp-admin .hp-topbar { background: #181A27; }.hp-admin .hp-content .card, .hp-admin .hp-admin-ledger .hp-stat { background: #1B1E2D; border-color: #303449; }.hp-admin .hp-admin-hero { background: #211B35; }.hp-admin .btn-primary { background: var(--ah-glow); border-color: #8B5CF6; color: #fff; }.hp-admin .btn-primary:hover { background: #6E4BFF; border-color: #8B5CF6; }.hp-admin .hp-brand > .ah-brand { color: #fff; }.hp-admin :is(.form-control,.form-select) { background: #1C1C28; color: #fff; border-color: #303449; }
html[data-bs-theme] :is(.hp-auth-shell,.hp-utility-page,.hp-api-docs) { --aux-bg: #10121B; --aux-surface: #1B1E2D; --aux-soft: #1C1C28; --aux-ink: #fff; --aux-muted: #9A9AA8; --aux-line: #303449; --aux-primary: #8B5CF6; --aux-on-primary: #fff; --aux-tonal: #302441; --aux-on-tonal: #dfd2ff; color: #fff; }
.hp-auth-shell { min-height: calc(100vh - 65px); grid-template-columns: 1fr 1fr; }.hp-auth-shell .hp-auth-aside { min-height: calc(100vh - 65px); border: 0; border-radius: 0; background: linear-gradient(0deg,#0A0A0F66,#0A0A0F77),url('../img/rack-placeholder.svg') center/cover no-repeat; }.hp-auth-shell .hp-auth-aside::before { display: none; }.hp-auth-shell .hp-auth-aside-copy { margin: auto 0 25px; }.hp-auth-shell .hp-auth-aside-copy h1 { color: #fff; font-size: clamp(42px,4.7vw,69px); }.hp-auth-shell .hp-auth-aside-copy h1 span { color: #A986FF; }.hp-auth-shell .hp-auth-aside-copy p { color: #d6cee5; }.hp-auth-shell .hp-auth-main { min-height: calc(100vh - 65px); background: #10121B; }.hp-auth-shell .hp-auth-form { max-width: 460px; border: 1px solid #303449; border-radius: 16px; background: #1B1E2D; }.hp-auth-shell .ah-auth-card-brand { display: flex; justify-content: center; margin-bottom: 25px; }.hp-auth-shell .hp-auth-intro { text-align: center; }.hp-auth-shell .hp-auth-intro h2 { color: #fff; }.hp-auth-shell .hp-auth-intro p { color: #9A9AA8; }.hp-auth-shell .form-control { border: 1px solid #303449; border-radius: 9px; background: #1C1C28; color: #fff; }.hp-auth-shell .form-control:focus { background: #1C1C28; color: #fff; border-color: #8B5CF6; box-shadow: 0 0 0 2px #8B5CF644; }.hp-auth-shell .hp-auth-submit { border-radius: 10px; background: var(--ah-glow); color: #fff; }.hp-auth-shell .hp-auth-submit:hover { color: #fff; }.hp-auth-shell .hp-auth-agreement { background: #1C1C28; }.hp-auth-shell .hp-auth-step, .hp-auth-shell .hp-auth-form-code { color: #B497FF; }
.ah-auth-points { display: grid; gap: 17px; max-width: 400px; margin: 0 0 20px; padding: 0; list-style: none; }.ah-auth-points li { display: flex; align-items: center; gap: 12px; }.ah-auth-points li > i { display: grid; place-items: center; width: 37px; height: 37px; flex: none; border: 1px solid #9e80ec80; border-radius: 9px; color: #bda3ff; }.ah-auth-points span { display: grid; }.ah-auth-points strong { color: #fff; font-size: 13px; }.ah-auth-points small { color: #c6bdd5; font-size: 11px; }.ah-input-icon { display: flex; align-items: center; min-height: 51px; border: 1px solid #303449; border-radius: 9px; background: #1C1C28; }.ah-input-icon:focus-within { border-color: #8B5CF6; }.ah-input-icon > i { flex: none; margin-left: 14px; color: #bda4ff; font-size: 16px; }.hp-auth-shell .ah-input-icon input { flex: 1; min-width: 0; border: 0; box-shadow: none; background: transparent; }.ah-input-icon button { flex: none; width: 42px; height: 45px; border: 0; background: transparent; color: #bda4ff; }.ah-auth-help { text-align: right; margin-top: -6px; margin-bottom: 18px; }.ah-auth-help a { font-size: 12px; }.ah-auth-divider { display: flex; align-items: center; gap: 14px; margin-top: 20px; color: #9A9AA8; font-size: 11px; }.ah-auth-divider::before,.ah-auth-divider::after { height: 1px; flex: 1; background: #303449; content: ""; }.hp-auth-shell .hp-auth-alternate { margin-top: 17px; padding-top: 0; border: 0; }
.hp-utility-page, .hp-api-docs.hp-utility-page { background: #10121B; }.hp-utility-page .hp-utility-head h1,.hp-api-docs .hp-panel h2 { color: #fff; }.hp-utility-page .hp-utility-empty,.hp-status-page .hp-status-overall,.hp-status-page .hp-server-register article,.hp-api-docs .hp-panel,.hp-legal-nav { border-color: #303449; background: #1B1E2D; }
.hp-cookie-banner { background: #1B1E2D; color: #fff; border: 1px solid #303449; }.hp-cookie-banner a { color: #bca3ff; }.hp-cookie-banner .btn-primary { background: var(--ah-glow); border-color: #8B5CF6; }
.ah-pricing-page { color: #fff; font-family: Inter,"Segoe UI",system-ui,sans-serif; }.ah-pricing-head { display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap; gap: 16px; margin: 4px 0 24px; }.ah-pricing-head > div { min-width: 0; }.ah-pricing-head h1 { margin: 5px 0 6px; color: #fff; font-size: clamp(32px,3.4vw,45px); font-weight: 800; letter-spacing: -.05em; }.ah-pricing-head p { max-width: 590px; margin: 0; color: #9A9AA8; font-size: 13px; line-height: 1.55; }.ah-period-switch { display: inline-flex; flex: none; padding: 4px; border: 1px solid #303449; border-radius: 10px; background: #1B1E2D; }.ah-period-switch button { min-width: 75px; min-height: 34px; border: 0; border-radius: 7px; background: transparent; color: #afa8c0; font-size: 12px; }.ah-period-switch button[aria-pressed="true"] { background: var(--ah-glow); color: #fff; font-weight: 730; }
.ah-pricing-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }.ah-pricing-plan { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 18px; border: 1px solid #303449; border-radius: 16px; background: #1B1E2D; }.ah-pricing-plan.is-featured { border-color: #8B5CF6; box-shadow: inset 0 0 0 1px #8B5CF6; }.ah-plan-top { display: flex; justify-content: space-between; gap: 8px; }.ah-plan-top h2 { margin: 0 0 3px; font-size: 20px; font-weight: 750; }.ah-plan-top p { min-height: 31px; margin: 0; color: #9A9AA8; font-size: 11px; }.ah-plan-top > i { flex: none; display: grid; place-items: center; width: 31px; height: 31px; border-radius: 7px; background: #29243d; color: #a987ff; font-size: 18px; }.ah-popular-tag { position: absolute; top: 12px; right: 13px; padding: 4px 9px; border-radius: 12px; background: #8B5CF6; color: #fff; font-size: 10px; }.ah-pricing-plan.is-featured .ah-plan-top > i { visibility: hidden; }.ah-plan-cost { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px; margin: 15px 0 14px; }.ah-plan-cost strong { color: #fff; font-size: 25px; font-weight: 800; }.ah-plan-cost span { color: #bca2ff; font-size: 11px; }.ah-plan-cost small { flex: 1 1 100%; color: #9A9AA8; font-size: 10px; }.ah-pricing-plan ul { display: grid; gap: 9px; flex: 1; margin: 0 0 18px; padding: 0; list-style: none; }.ah-pricing-plan li { display: flex; align-items: center; gap: 9px; color: #d4cfe0; font-size: 12px; }.ah-pricing-plan li i { color: #ab8bff; font-size: 14px; }.ah-pricing-plan .ah-button { width: 100%; }.ah-plan-unavailable { padding: 11px; border: 1px solid #303449; color: #9A9AA8; font-size: 11px; text-align: center; }
.ah-compare { margin-top: 17px; padding: 18px; border: 1px solid #303449; border-radius: 16px; background: #1B1E2D; }.ah-compare h2 { margin: 5px 0; color: #fff; font-size: 21px; font-weight: 780; }.ah-compare > p { margin: 0 0 13px; color: #9A9AA8; font-size: 12px; }.ah-compare-scroll { overflow-x: auto; scrollbar-color: #6e4bff #1B1E2D; }.ah-compare table { width: 100%; min-width: 770px; border-collapse: collapse; font-size: 11px; }.ah-compare :is(th,td) { padding: 9px 11px; border-bottom: 1px solid #303449; text-align: center; white-space: nowrap; }.ah-compare th:first-child { position: sticky; left: 0; z-index: 1; min-width: 165px; background: #1B1E2D; color: #c5bfd6; text-align: left; }.ah-compare thead th { background: #242537; color: #c5bfd6; font-weight: 740; }.ah-compare .is-featured { background: #362650; color: #c29eff; }.ah-compare td i { color: #71dbb5; font-size: 15px; }
.ah-checkout-steps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 0 0 20px; padding: 0; list-style: none; }.ah-checkout-steps li { display: flex; align-items: center; gap: 10px; color: #9A9AA8; }.ah-checkout-steps li > span { display: grid; place-items: center; width: 31px; height: 31px; flex: none; border: 1px solid #55546a; border-radius: 50%; color: #ddd5ee; font-size: 12px; }.ah-checkout-steps li.is-active > span { border-color: #8B5CF6; background: var(--ah-glow); color: #fff; }.ah-checkout-steps li.is-done > span { border-color: #8B5CF6; color: #bda4ff; }.ah-checkout-steps li div { display: grid; }.ah-checkout-steps strong { color: #eee9f7; font-size: 12px; }.ah-checkout-steps small { color: #9A9AA8; font-size: 10px; }.ah-selected-body { display: flex; align-items: center; gap: 12px; margin: 13px; padding: 15px; border: 1px solid #303449; border-radius: 9px; background: #1C1C28; }.ah-selected-body > i { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 9px; background: #312548; color: #AB8AFF; font-size: 22px; }.ah-selected-body > div { display: grid; flex: 1; min-width: 0; }.ah-selected-body strong { font-size: 18px; }.ah-selected-body small { color: #9A9AA8; font-size: 11px; }.ah-selected-body a { color: #BA9DFF; white-space: nowrap; font-size: 11px; }.wh-workspace .wh-checkout { grid-template-columns: minmax(0,1fr) minmax(260px,320px); }.wh-workspace .wh-periods { grid-template-columns: repeat(2,minmax(0,1fr)); }.wh-workspace .wh-period { border-color: #303449; }.wh-workspace .wh-order-summary { background: #1B1E2D; }.wh-workspace .wh-summary-message { color: #cbb5ff; background: #2b2440; }.ah-terms-check { display: flex; align-items: start; gap: 9px; margin: 12px 0; color: #c8c3d2; font-size: 11px; line-height: 1.4; }.ah-terms-check input { width: 16px; height: 16px; flex: none; accent-color: #8B5CF6; }.ah-terms-check a { color: #bd9dff; }
@media (min-width: 1180px) { .wh-workspace .wh-periods { grid-template-columns: repeat(4,minmax(0,1fr)); }.wh-workspace .wh-period { padding-left: 15px; border-bottom: 1px solid #303449; }.wh-workspace .wh-period input { position: static; }.wh-workspace .wh-period:nth-child(2n) { border-right: 1px solid #303449; }.wh-workspace .wh-period:nth-child(4n) { border-right: 0; } }
@media (max-width: 1050px) { .ah-pricing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 850px) { .wh-workspace .wh-checkout { grid-template-columns: 1fr; } }
@media (max-width: 700px) { .ah-pricing-grid { grid-template-columns: 1fr; gap: 7px; }.ah-pricing-plan { min-height: 104px; padding: 12px 14px; }.ah-pricing-plan ul,.ah-pricing-plan .ah-button { display: none; }.ah-pricing-plan .ah-plan-cost { margin: 5px 0; }.ah-pricing-plan .ah-plan-cost strong { font-size: 20px; }.ah-pricing-plan .ah-plan-top p { min-height: 0; }.ah-pricing-head { display: block; }.ah-period-switch { display: flex; margin-top: 13px; }.ah-period-switch button { flex: 1; }.ah-pricing-plan::after { position: absolute; right: 16px; bottom: 35px; color: #bba0ff; content: "→"; }.ah-pricing-plan:has(.ah-plan-unavailable)::after { display: none; }.ah-pricing-plan .ah-plan-unavailable { padding: 0; border: 0; text-align: left; }.ah-pricing-plan:has(.ah-plan-unavailable) { opacity: .66; }.ah-pricing-plan .ah-plan-top > i { visibility: visible; }.ah-pricing-plan.is-featured .ah-plan-top > i { visibility: hidden; }.ah-pricing-plan { cursor: pointer; }.ah-pricing-plan a.ah-button { position: absolute; inset: 0; display: block; z-index: 1; opacity: 0; }.ah-pricing-plan a.ah-button:focus-visible { opacity: 1; position: static; }.ah-compare { padding: 13px; }.ah-compare-scroll { margin-inline: -5px; }.ah-checkout-steps li { gap: 5px; }.ah-checkout-steps small { display: none; }.ah-checkout-steps strong { font-size: 10px; }.ah-checkout-steps li > span { width: 24px; height: 24px; }.ah-selected-body { flex-wrap: wrap; }.ah-selected-body a { margin-left: 52px; }.wh-workspace .wh-periods { grid-template-columns: 1fr; } }
@media (max-width: 991.98px) { .hp-auth-shell { grid-template-columns: 1fr; }.hp-auth-shell .hp-auth-aside { display: none; }.hp-auth-shell .hp-auth-main { min-height: calc(100vh - 65px); }.ah-home-hero-grid { grid-template-columns: 1fr; }.ah-hero-visual { max-width: 570px; margin-inline: auto; }.ah-landing-plans,.ah-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 700px) { .ah-home-hero-grid { gap: 0; min-height: 0; padding-block: 32px 14px; }.ah-hero-text h1 { font-size: clamp(42px,10vw,62px); }.ah-hero-visual figcaption { right: 5%; top: 9%; font-size: 13px; }.ah-hero-visual { width: min(100%,430px); }.ah-home-section { padding-block: 20px; }.ah-landing-plans,.ah-feature-grid { grid-template-columns: 1fr; gap: 9px; }.ah-landing-plan { padding: 14px; }.ah-landing-plan ul { display: none; }.ah-plan-price { margin: 10px 0; }.ah-plan-title p { min-height: 0; }.ah-section-heading { align-items: start; }.ah-footer-inner nav { justify-content: flex-start; }.wh-workspace .wh-topbar-location { display: none; }.wh-workspace .wh-sidebar .wh-service-switch { padding: 6px 10px; }.mh-site-header .mh-header-cta { display: none; } }