/* Final VPS reseller page — simple, professional and consistent with FlaxHosting. */
body.page-vpsresell {
    --reseller-bg: #0b1323;
    --reseller-surface: #121c2f;
    --reseller-surface-2: #172238;
    --reseller-line: rgba(255, 255, 255, .1);
    --reseller-text: #f3f6f8;
    --reseller-muted: #9eabba;
    --reseller-accent: #67d4ff;
}

body.page-vpsresell .tt-page-header { display: none !important; }
body.page-vpsresell #main-body {
    background: var(--reseller-bg) !important;
    padding: 42px 0 72px !important;
}
body.page-vpsresell #main-body > .container { max-width: 1200px !important; }
body.page-vpsresell #main-body .primary-content { flex: 0 0 100% !important; max-width: 100% !important; padding: 0 15px !important; }
body.page-vpsresell #main-body .sidebar { display: none !important; }

body.page-vpsresell .fh-reseller-v2 { display: grid; gap: 20px; }

body.page-vpsresell .fh-reseller-v2 .fh-reseller-hero {
    align-items: center;
    background: var(--reseller-surface) !important;
    border: 1px solid var(--reseller-line) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    display: grid;
    gap: 64px;
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
    overflow: hidden;
    padding: 64px !important;
}
body.page-vpsresell .fh-reseller-v2 .fh-reseller-hero::before { display: none !important; }
body.page-vpsresell .fh-reseller-eyebrow,
body.page-vpsresell .fh-reseller-section-heading > span,
body.page-vpsresell .fh-reseller-audience > div > span {
    color: var(--reseller-accent) !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
}
body.page-vpsresell .fh-reseller-eyebrow i { background: var(--reseller-accent) !important; box-shadow: none !important; }
body.page-vpsresell .fh-reseller-v2 .fh-reseller-hero h1 {
    color: var(--reseller-text) !important;
    font-size: clamp(2.5rem, 5vw, 4.25rem) !important;
    font-weight: 700 !important;
    letter-spacing: -.055em !important;
    line-height: 1 !important;
}
body.page-vpsresell .fh-reseller-v2 .fh-reseller-hero h1 em {
    background: none !important;
    color: var(--reseller-accent) !important;
    -webkit-text-fill-color: var(--reseller-accent) !important;
}
body.page-vpsresell .fh-reseller-v2 .fh-reseller-hero-copy > p {
    color: var(--reseller-muted) !important;
    font-size: 1rem !important;
    line-height: 1.7 !important;
    margin: 22px 0 26px !important;
}
body.page-vpsresell .fh-reseller-actions { gap: 20px !important; margin-bottom: 26px !important; }
body.page-vpsresell .fh-reseller-v2 .btn {
    align-items: center;
    background: var(--reseller-accent) !important;
    border: 1px solid var(--reseller-accent) !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    color: #071321 !important;
    display: inline-flex;
    font-size: .88rem !important;
    font-weight: 800 !important;
    gap: 9px;
    min-height: 46px !important;
    padding: 0 18px !important;
}
body.page-vpsresell .fh-reseller-text-link { color: #d2dbe3 !important; font-size: .83rem !important; }
body.page-vpsresell .fh-reseller-platforms { gap: 8px !important; margin: 0 !important; }
body.page-vpsresell .fh-reseller-platforms small { color: #778697 !important; font-size: .65rem !important; }
body.page-vpsresell .fh-reseller-platforms span {
    background: transparent !important;
    border: 1px solid var(--reseller-line) !important;
    border-radius: 7px !important;
    color: #d9e1e8 !important;
    font-size: .75rem !important;
}

body.page-vpsresell .fh-reseller-console {
    background: #0d1628 !important;
    border: 1px solid var(--reseller-line) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    transform: none !important;
}
body.page-vpsresell .fh-reseller-console-bar { background: var(--reseller-surface-2) !important; border-color: var(--reseller-line) !important; }
body.page-vpsresell .fh-reseller-console-bar > b { color: var(--reseller-accent) !important; }
body.page-vpsresell .fh-reseller-console-status,
body.page-vpsresell .fh-reseller-v2 .fh-reseller-flow > div {
    background: var(--reseller-surface) !important;
    border: 1px solid var(--reseller-line) !important;
    border-radius: 8px !important;
}
body.page-vpsresell .fh-reseller-console-status > span,
body.page-vpsresell .fh-reseller-v2 .fh-reseller-flow > div > i { background: rgba(103, 212, 255, .08) !important; color: var(--reseller-accent) !important; }
body.page-vpsresell .fh-reseller-console :is(small, b) { font-size: .58rem !important; }
body.page-vpsresell .fh-reseller-console strong { color: #e8edf2 !important; font-size: .76rem !important; }

body.page-vpsresell .fh-reseller-proof {
    background: var(--reseller-surface) !important;
    border: 1px solid var(--reseller-line) !important;
    border-radius: 10px !important;
    padding: 8px !important;
}
body.page-vpsresell .fh-reseller-proof > div { border-color: var(--reseller-line) !important; padding: 17px 20px !important; }
body.page-vpsresell .fh-reseller-proof > div > i { background: rgba(103, 212, 255, .08) !important; color: var(--reseller-accent) !important; }
body.page-vpsresell .fh-reseller-proof strong { color: var(--reseller-text) !important; font-size: .82rem !important; }
body.page-vpsresell .fh-reseller-proof small { color: var(--reseller-muted) !important; font-size: .7rem !important; }

body.page-vpsresell .fh-reseller-benefits { padding: 76px 0 48px !important; }
body.page-vpsresell .fh-reseller-section-heading { margin-bottom: 34px !important; }
body.page-vpsresell .fh-reseller-section-heading h2,
body.page-vpsresell .fh-reseller-v2 .fh-reseller-audience h2 {
    color: var(--reseller-text) !important;
    font-size: clamp(1.9rem, 4vw, 3rem) !important;
    letter-spacing: -.045em !important;
}
body.page-vpsresell .fh-reseller-section-heading p,
body.page-vpsresell .fh-reseller-v2 .fh-reseller-audience p { color: var(--reseller-muted) !important; font-size: .88rem !important; }
body.page-vpsresell .fh-reseller-v2 .fh-reseller-grid { gap: 14px !important; }
body.page-vpsresell .fh-reseller-v2 .fh-reseller-grid article {
    background: var(--reseller-surface) !important;
    border: 1px solid var(--reseller-line) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    min-height: 225px !important;
    padding: 25px !important;
    transform: none !important;
}
body.page-vpsresell .fh-reseller-v2 .fh-reseller-grid article > i { background: rgba(103, 212, 255, .08) !important; border-color: rgba(103, 212, 255, .18) !important; border-radius: 8px !important; color: var(--reseller-accent) !important; }
body.page-vpsresell .fh-reseller-grid h3 { color: var(--reseller-text) !important; font-size: 1rem !important; }
body.page-vpsresell .fh-reseller-grid p { color: var(--reseller-muted) !important; font-size: .78rem !important; }

body.page-vpsresell .fh-reseller-integrations,
body.page-vpsresell .fh-reseller-v2 .fh-reseller-audience {
    background: var(--reseller-surface) !important;
    border: 1px solid var(--reseller-line) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    padding: 48px !important;
}
body.page-vpsresell .fh-reseller-integration-grid article { background: #0d1628 !important; border-color: var(--reseller-line) !important; border-radius: 9px !important; }
body.page-vpsresell .fh-reseller-platform-mark { background: var(--reseller-surface-2) !important; border-color: var(--reseller-line) !important; border-radius: 8px !important; color: var(--reseller-accent) !important; }
body.page-vpsresell .fh-reseller-integration-grid article > i { color: var(--reseller-accent) !important; }
body.page-vpsresell .fh-reseller-integration-grid :is(h3, p) { color: var(--reseller-text) !important; }
body.page-vpsresell .fh-reseller-integration-grid p,
body.page-vpsresell .fh-reseller-audience li { color: var(--reseller-muted) !important; font-size: .76rem !important; }
body.page-vpsresell .fh-reseller-audience li { border-color: var(--reseller-line) !important; padding: 13px 0 !important; }
body.page-vpsresell .fh-reseller-audience li i { color: var(--reseller-accent) !important; }

@media (max-width: 991.98px) {
    body.page-vpsresell .fh-reseller-v2 .fh-reseller-hero { gap: 34px; grid-template-columns: 1fr; padding: 38px !important; }
    body.page-vpsresell .fh-reseller-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 767.98px) {
    body.page-vpsresell #main-body { padding: 20px 0 48px !important; }
    body.page-vpsresell #main-body > .container { padding: 0 12px !important; }
    body.page-vpsresell .fh-reseller-v2 .fh-reseller-hero,
    body.page-vpsresell .fh-reseller-integrations,
    body.page-vpsresell .fh-reseller-v2 .fh-reseller-audience { padding: 25px 20px !important; }
    body.page-vpsresell .fh-reseller-v2 .fh-reseller-hero h1 { font-size: clamp(2.25rem, 12vw, 3rem) !important; }
    body.page-vpsresell .fh-reseller-actions { align-items: stretch !important; flex-direction: column !important; }
    body.page-vpsresell .fh-reseller-actions :is(.btn, .fh-reseller-text-link) { justify-content: center !important; width: 100%; }
    body.page-vpsresell .fh-reseller-proof,
    body.page-vpsresell .fh-reseller-grid,
    body.page-vpsresell .fh-reseller-integration-grid,
    body.page-vpsresell .fh-reseller-v2 .fh-reseller-audience { grid-template-columns: 1fr !important; }
    body.page-vpsresell .fh-reseller-proof > div { border-bottom: 1px solid var(--reseller-line) !important; border-right: 0 !important; }
    body.page-vpsresell .fh-reseller-proof > div:last-child { border-bottom: 0 !important; }
    body.page-vpsresell .fh-reseller-benefits { padding: 52px 0 28px !important; }
    body.page-vpsresell .fh-reseller-integration-grid article { grid-template-columns: auto minmax(0, 1fr) auto !important; padding: 16px !important; }
}