/* ForexHost NG checkout flow. Self-contained stylesheet; no dependency on site theme. */
:root { color-scheme: light; }
.fh-body { margin:0; background:#f5f7fb; font:15px/1.55 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; color:#1a2640; }
.fh-body * { box-sizing:border-box; }
.fh-body a { color:#195acc; text-decoration:none; }
.fh-body a:hover { text-decoration:underline; }
.fh-shell { min-height:100vh; }
.fh-header { height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0 max(22px,calc((100vw - 1180px)/2)); background:#fff; border-bottom:1px solid #e8edf5; }
.fh-brand { display:inline-flex;align-items:center;gap:7px;color:#12264b!important;font-weight:830;font-size:21px;letter-spacing:-.7px;text-decoration:none!important; white-space:nowrap; }
.fh-brand-mark {display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,#195bd4,#00b3b1);color:#fff;font-size:21px;letter-spacing:-1px;margin-right:4px}
.fh-brand-small { color:#159b9d; font-size:14px; letter-spacing:.1px; align-self:flex-end; padding-bottom:7px; }
.fh-head-links { display:flex;align-items:center;gap:25px;font-weight:650;font-size:13px; }
.fh-head-links a { color:#33445f; }
.fh-main {max-width:1180px;margin:0 auto;padding:48px 22px 72px;}
.fh-intro {margin-bottom:30px; max-width:710px;}
.fh-eyebrow {color:#147f93;text-transform:uppercase;letter-spacing:1.6px;font-size:11px;font-weight:850;}
.fh-intro h1 { font-size:clamp(29px,4vw,44px); line-height:1.12; letter-spacing:-1.7px; font-weight:830; color:#142445; margin:11px 0 12px; }
.fh-intro p {color:#647089;font-size:16px;margin:0;max-width:640px;}
.fh-steps {list-style:none;padding:0;margin:0 0 27px;display:flex;gap:6px;align-items:center;}
.fh-steps li {flex:1;display:flex;align-items:center;gap:10px;color:#8a94a7;padding:13px 16px;border:1px solid #e3e9f1;border-radius:11px;background:#f9fbfe;font-size:13px;font-weight:700;}
.fh-steps li b {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;background:#e9edf4;color:#7e8a9e;font-size:12px;}
.fh-steps li.current {color:#1556b4;border-color:#a8c5f2;background:#eaf3ff;}
.fh-steps li.current b {color:#fff;background:#195acc;}
.fh-steps li.done {color:#167c72;border-color:#d1eee9;background:#edfaf7;}
.fh-steps li.done b {color:#fff;background:#16a08e;}
.fh-order-grid,.fh-checkout-grid {display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:25px;align-items:start;}
.fh-stack {display:grid;gap:22px;min-width:0;}
.fh-summary-column {position:sticky;top:18px;display:grid;gap:17px;min-width:0;}
.fh-panel {border:1px solid #e3e9f2;background:#fff;border-radius:17px;box-shadow:0 7px 27px rgba(25,47,86,.035);padding:29px;}
.fh-panel h2 {font-size:21px;letter-spacing:-.6px;line-height:1.2;margin:0;color:#172b50;font-weight:790;}
.fh-panel-head {display:flex;align-items:flex-start;gap:15px;margin-bottom:24px;}
.fh-panel-head p {color:#718098;font-size:13px;margin:6px 0 0;}
.fh-section-number {flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:10px;background:#ecf4ff;color:#2565c6;font-size:12px;font-weight:850;}
.fh-plan-options {display:grid;gap:11px;}
.fh-plan-option {display:grid;grid-template-columns:1fr auto 22px;grid-template-rows:auto auto;column-gap:14px;row-gap:3px;align-items:center;position:relative;padding:17px 17px 17px 20px;border:1.5px solid #e2e8f1;border-radius:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s;background:#fff;}
.fh-plan-option:hover {border-color:#9cbef2;}
.fh-plan-option:has(input:checked) {border-color:#2464cf;box-shadow:0 0 0 3px rgba(36,100,207,.09);background:#f7fbff;}
.fh-plan-option input {position:absolute;opacity:0;width:1px;height:1px;}
.fh-plan-option:has(input:focus-visible){outline:3px solid #99c2ff;outline-offset:3px;}
.fh-plan-name {grid-column:1;grid-row:1;font-weight:790;font-size:16px;color:#182b4d;}
.fh-plan-spec {grid-column:1;grid-row:2;color:#718099;font-size:12px;}
.fh-plan-option>strong {grid-column:2;grid-row:1/3;color:#173c82;font-size:19px;white-space:nowrap;}
.fh-plan-option>strong small {font-size:12px;color:#8290a2;font-weight:550;}
.fh-plan-check {grid-column:3;grid-row:1/3;border:1.5px solid #cbd6e5;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;}
.fh-plan-option:has(input:checked) .fh-plan-check {background:#2365d1;border-color:#2365d1;color:#fff;}
.fh-fields {display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.fh-field {min-width:0;}
.fh-field.fh-wide {grid-column:1/-1;}
.fh-field label {display:block;font-weight:730;font-size:13px;color:#2b3b57;margin:0 0 7px;}
.fh-field label span {color:#c93950;}
.fh-field input,.fh-field select,.fh-field textarea,.fh-auth input {width:100%;padding:12px 13px;min-height:46px;border-radius:9px;border:1px solid #d8e0ed;color:#213655;background:#fff;font:inherit;outline:none;}
.fh-field input:focus,.fh-field select:focus,.fh-field textarea:focus,.fh-auth input:focus {border-color:#4182e7;box-shadow:0 0 0 3px #dceaff;}
.fh-field input[readonly] {background:#f6f8fb;color:#62718c;}
.fh-hint {display:block;font-size:12px;color:#75839a;line-height:1.6;margin:7px 0 0;}
.fh-error {font-size:12px;color:#a52e42;margin:6px 0 0;}
.fh-advanced {border-top:1px solid #edf0f5;margin-top:21px;padding-top:18px;}
.fh-advanced>summary {cursor:pointer;color:#245fba;font-weight:740;}
.fh-advanced>summary span {color:#8590a5;font-weight:450;}
.fh-advanced-fields {margin-top:18px;}
.fh-summary {padding:27px;}
.fh-summary h2 {margin:7px 0 22px;}
.fh-summary-plan {padding:16px;border-radius:10px;background:#f4f7fc;display:grid;gap:3px;margin-bottom:16px;}
.fh-summary-plan strong {font-size:17px;color:#1a2b49;}
.fh-summary-plan span {font-size:12px;color:#79869c;}
.fh-summary-line {display:flex;justify-content:space-between;gap:10px;margin:16px 0;color:#748099;font-size:13px;}
.fh-summary-line strong {color:#2c3c57;font-weight:740;}
.fh-summary-total {border-top:1px solid #e4eaf1;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:20px;margin:21px 0;color:#293c5e;font-weight:750;}
.fh-summary-total strong {font-size:27px;line-height:1.15;letter-spacing:-.5px;color:#153574;}
.fh-button {display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;text-decoration:none!important;border-radius:10px;padding:13px 20px;font-family:inherit;font-weight:700;font-size:14px;line-height:1.35;min-height:50px;cursor:pointer;transition:background .15s,transform .15s;}
.fh-button-primary {background:linear-gradient(110deg,#1b5bcb,#1178c2);color:#fff!important;box-shadow:0 5px 14px #1a61c62a;}
.fh-button-primary:not(:disabled):hover {background:#164ba4;transform:translateY(-1px);}
.fh-button:disabled {cursor:not-allowed;opacity:.54;box-shadow:none;}
.fh-button-outline {border-color:#d6e0ed;background:#fff;color:#2e527e!important;}
.fh-button-block {display:flex;width:100%;}
.fh-summary-note {color:#78869b;font-size:12px;line-height:1.55;text-align:center;margin:12px 0 19px;}
.fh-secure-line {display:flex;justify-content:center;align-items:center;gap:7px;color:#7891a0;font-size:12px;border-top:1px solid #ecf0f6;padding-top:17px;margin-top:16px;}
.fh-help {border:1px solid #dcebe9;border-radius:14px;background:#eff8f6;padding:23px;color:#587a79;}
.fh-help strong {color:#22675f;}
.fh-help p {font-size:12px;margin:10px 0 0;}
.fh-bottom-links {margin:23px 0 0;font-size:12px;color:#8894a7;}
.fh-bottom-links a {text-decoration:underline;}
.fh-alert {padding:15px 18px;border-radius:12px;margin:0 0 23px;border:1px solid transparent;font-size:14px;}
.fh-alert-danger {background:#fff4f4;color:#a02d3a;border-color:#f5cbcf;}
.fh-alert-success {background:#edf9f4;color:#216d4d;border-color:#c1ebd5;}
.fh-alert-info {background:#eef5ff;color:#23518a;border-color:#caddf6;}
.fh-summary-product {display:grid;grid-template-columns:47px 1fr auto;gap:14px;align-items:center;padding:17px;border:1px solid #e8edf5;background:#f9fbfe;border-radius:11px;}
.fh-product-icon {display:flex;justify-content:center;align-items:center;background:#e5efff;color:#1c62d0;border-radius:10px;width:46px;height:46px;font-size:25px;}
.fh-summary-product div:nth-child(2){display:grid;gap:2px;}
.fh-summary-product div:nth-child(2) strong {color:#1b355c;font-size:17px;}
.fh-summary-product div:nth-child(2) span {color:#77839a;font-size:12px;}
.fh-summary-product>strong {white-space:nowrap;color:#173b78;font-size:19px;}
.fh-features-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0;}
.fh-features-grid>div {padding:15px 12px;border:1px solid #edf0f5;border-radius:10px;display:grid;gap:3px;}
.fh-features-grid span {font-size:11px;color:#8490a5;}
.fh-features-grid strong {font-size:13px;color:#223a5b;}
.fh-rule {border:0;border-top:1px solid #e9eef5;margin:22px 0;}
.fh-subtitle {margin:0 0 12px;font-size:16px;color:#1d345a;}
.fh-definition {margin:0;}
.fh-definition>div {display:flex;justify-content:space-between;gap:20px;margin:12px 0;font-size:13px;}
.fh-definition dt {color:#7d8a9e;}
.fh-definition dd {margin:0;text-align:right;font-weight:650;color:#324663;word-break:break-word;}
.fh-activation {display:flex;gap:12px;align-items:flex-start;background:#f0f7ff;padding:15px;border-radius:10px;font-size:13px;color:#34609a;}
.fh-activation p {margin:3px 0 0;}
.fh-status-dot {height:10px;width:10px;background:#2189d7;border-radius:50%;flex:none;margin-top:4px;}
.fh-payment-state {border-radius:9px;padding:13px 14px;font-weight:700;font-size:13px;margin:17px 0;}
.fh-paid {background:#e6f7ee;color:#18714c;}
.fh-awaiting {background:#fff6e4;color:#916421;}
.fh-secondary-link {display:block;text-align:center;font-size:13px;font-weight:700;color:#2a5eb4!important;}
.fh-assist {color:#75869e;font-size:12px;text-align:center;line-height:1.55;}
.fh-auth-wrap {display:grid;place-items:center;min-height:calc(100vh - 76px);padding:35px 20px 80px;}
.fh-auth {width:min(100%,480px);}
.fh-auth h1 {font-size:31px;letter-spacing:-.9px;color:#1d3155;line-height:1.16;margin:6px 0 10px;}
.fh-auth p {color:#718098;font-size:14px;}
.fh-auth label {display:block;font-size:13px;font-weight:700;color:#273c5e;margin-bottom:7px;}
.fh-auth input {margin-bottom:17px;}
.fh-auth-badge {height:50px;width:50px;display:flex;align-items:center;justify-content:center;background:#eaf3ff;border-radius:13px;color:#2066ca;font-size:25px;margin-bottom:20px;}
.fh-auth-support {text-align:center;margin-top:20px;}
.fh-auth-support a {font-size:13px;}
.fh-auth-steps {margin-top:18px;list-style:none;padding:0;display:grid;gap:10px;color:#657f92;font-size:13px;}
.fh-auth-steps li::before {content:'✓';color:#15987e;font-weight:900;margin-right:9px;}
@media(max-width:920px) {
    .fh-order-grid,.fh-checkout-grid {grid-template-columns:1fr;}
    .fh-summary-column {position:static;}
    .fh-features-grid {grid-template-columns:1fr 1fr;}
}
@media(max-width:620px) {
    .fh-header {height:68px;padding:0 17px;}
    .fh-brand {font-size:19px;}
    .fh-head-links {gap:10px;font-size:12px;}
    .fh-head-links a:first-child {display:none;}
    .fh-main {padding:29px 15px 55px;}
    .fh-intro {margin-bottom:23px;}
    .fh-steps {gap:4px;}
    .fh-steps li {padding:9px 5px;flex-direction:column;gap:5px;text-align:center;font-size:10px;min-height:66px;justify-content:center;}
    .fh-steps li b {width:23px;height:23px;}
    .fh-panel {padding:20px 17px;}
    .fh-fields {grid-template-columns:1fr;gap:14px;}
    .fh-field.fh-wide {grid-column:1;}
    .fh-plan-option {padding:14px 10px;grid-template-columns:1fr auto 18px;column-gap:6px;}
    .fh-plan-name {font-size:14px;}
    .fh-plan-spec {font-size:11px;}
    .fh-plan-option>strong {font-size:15px;}
    .fh-summary-product {grid-template-columns:40px 1fr;}
    .fh-summary-product>strong {grid-column:2;font-size:16px;}
    .fh-product-icon {width:40px;height:40px;}
    .fh-summary-total strong {font-size:24px;}
    .fh-definition>div {flex-direction:column;gap:0;}
    .fh-definition dd {text-align:left;}
    .fh-features-grid {gap:8px;}
}


/* FOREXHOST NEW LOGO V1 */
.fh-public-brand, .brand-logo, .fh-brand { width:auto !important; height:auto !important; overflow:visible !important; display:inline-flex; align-items:center; flex-shrink:0; text-decoration:none; }
.fh-public-brand .fh-logo-image, .brand-logo .fh-logo-image, .fh-brand .fh-logo-image { display:block; width:200px; max-width:100%; height:auto; max-height:62px; object-fit:contain; }
@media(max-width:640px) {
 .fh-public-brand .fh-logo-image, .brand-logo .fh-logo-image, .fh-brand .fh-logo-image {width:172px; max-height:56px;}
}