/* Gift engine pages (/system, its thank-you page and the online map).
   Scoped under .gx so nothing leaks into the rest of the site.
   2026-11-02 (Soheil): a richer background, tighter spacing, 3D glass cards. */

.gx {
    --gx-bg: #04060D;
    --gx-surface: rgba(14, 22, 48, .55);
    --gx-surface-solid: #0B1226;
    --gx-surface-2: rgba(22, 34, 72, .6);
    --gx-line: rgba(143, 166, 255, .16);
    --gx-line-strong: rgba(143, 166, 255, .30);
    --gx-accent: #2453FF;
    --gx-accent-hover: #3B66FF;
    --gx-accent-soft: #8FA6FF;
    --gx-text: #CDD5E4;
    --gx-dim: #9AA6BE;
    --gx-head: #FFFFFF;
    --gx-danger: #FF8A8A;
    --gx-ok: #7FE0B0;
    --gx-radius: 20px;
    --gx-glass-blur: 18px;
    --gx-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 -1px 0 rgba(0, 0, 0, .4) inset,
                 0 24px 60px -24px rgba(0, 0, 0, .7), 0 8px 24px -12px rgba(36, 83, 255, .25);

    direction: rtl;
    text-align: right;
    position: relative;
    z-index: 10;
    isolation: isolate;
    background: var(--gx-bg);
    color: var(--gx-text);
    font-family: 'Vazirmatn', var(--font-body, sans-serif);
    font-size: 17px;
    line-height: 1.9;
    padding: clamp(88px, 10vw, 112px) 0 clamp(40px, 6vw, 64px);
    overflow-x: clip;
}
/* The backdrop: two soft royal-blue lights, a silver haze and a faint grid that fades out. */
.gx::before {
    content: '';
    position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background:
        radial-gradient(60% 40% at 85% 6%, rgba(36, 83, 255, .28), transparent 70%),
        radial-gradient(45% 35% at 8% 38%, rgba(84, 70, 255, .14), transparent 70%),
        radial-gradient(50% 30% at 70% 78%, rgba(36, 83, 255, .12), transparent 70%),
        radial-gradient(80% 50% at 50% 0%, rgba(200, 214, 255, .06), transparent 60%),
        linear-gradient(180deg, #060A18 0%, #04060D 45%, #050816 100%);
}
.gx::after {
    content: '';
    position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background-image:
        linear-gradient(rgba(143, 166, 255, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(143, 166, 255, .05) 1px, transparent 1px);
    background-size: 56px 56px;
    -webkit-mask-image: radial-gradient(70% 45% at 60% 12%, #000 0%, transparent 75%);
    mask-image: radial-gradient(70% 45% at 60% 12%, #000 0%, transparent 75%);
}
.gx *, .gx *::before, .gx *::after { box-sizing: border-box; }
@media (min-width: 720px) { .gx { font-size: 18px; } }

.gx-wrap { width: 100%; max-width: 1080px; margin: 0 auto; padding-inline: 16px; }
@media (min-width: 720px) { .gx-wrap { padding-inline: 28px; } }
.gx-narrow { max-width: 780px; }
.gx-mid { max-width: 940px; }
.gx p { margin: 0 0 .8em; max-width: 68ch; }
.gx a { color: var(--gx-accent-soft); }
.gx :focus-visible { outline: 2px solid var(--gx-accent-soft); outline-offset: 3px; border-radius: 8px; }
.gx [hidden] { display: none !important; }
.gx [id], .gx-form-card { scroll-margin-top: 96px; } /* clear the floating navbar */

/* The site sets Exo 2 on headings and controls; it has no Persian glyphs. */
.gx h1, .gx h2, .gx h3, .gx button, .gx input, .gx select, .gx textarea, .gx summary, .gx legend { font-family: 'Vazirmatn', var(--font-body, sans-serif); }
.gx h1, .gx h2, .gx h3 { color: var(--gx-head); font-weight: 700; line-height: 1.4; margin: 0 0 .45em; letter-spacing: 0; }
.gx-chrome {
    background: linear-gradient(180deg, #FFFFFF 0%, #E3E8F2 50%, #9EA9C2 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.gx h1 { font-size: clamp(2.2rem, 7.4vw, 4rem); line-height: 1.25; }
.gx h2 { font-size: clamp(1.45rem, 4.2vw, 2.1rem); }
.gx h3 { font-size: 1.06rem; }
.gx-kicker { display: block; color: var(--gx-accent-soft); font-size: .88rem; font-weight: 600; margin-bottom: 6px; }
.gx-head { margin-bottom: clamp(18px, 3vw, 28px); }
.gx-head p { color: var(--gx-dim); margin: 0; }

.gx-eyebrow {
    display: inline-flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 6px 16px; border-radius: 999px;
    background: linear-gradient(135deg, #2D5BFF, #1A3FE0); color: #fff; font-size: .86rem; font-weight: 700;
    box-shadow: 0 8px 24px -8px rgba(36, 83, 255, .7), 0 1px 0 rgba(255, 255, 255, .25) inset;
}
.gx-lede { font-size: 1.15em; color: var(--gx-text); }
.gx-note { font-size: .86em; color: var(--gx-dim); }
.gx-en { direction: ltr; text-align: left; max-width: 1080px; margin: 0 auto 8px; padding: 0 16px; color: var(--gx-dim); font-size: .9rem; }

.gx-section { padding-block: clamp(28px, 5vw, 52px); }
.gx-hero { padding-block: clamp(8px, 3vw, 32px) clamp(24px, 4vw, 44px); }

/* ── glass ─────────────────────────────────────────────────────────── */
.gx-glass {
    position: relative;
    background: linear-gradient(160deg, rgba(30, 44, 92, .55) 0%, rgba(12, 18, 40, .55) 60%, rgba(10, 14, 32, .6) 100%);
    border: 1px solid var(--gx-line);
    border-radius: var(--gx-radius);
    box-shadow: var(--gx-shadow);
    isolation: isolate;
}
/* Real blur only where it shows (the form over the hero glow): blurring
   every card costs phones a lot of repaint and changes nothing on a dark backdrop. */
.gx-form-card.gx-glass {
    -webkit-backdrop-filter: blur(var(--gx-glass-blur)) saturate(140%);
    backdrop-filter: blur(var(--gx-glass-blur)) saturate(140%);
}
/* A thin light along the top edge: what makes the pane read as glass. */
.gx-glass::before {
    content: ''; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0) 30%);
}
.gx-3d { transform: perspective(900px) rotateX(0) translateY(0); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
@media (hover: hover) {
    .gx-3d:hover { transform: perspective(900px) rotateX(3deg) translateY(-4px); border-color: var(--gx-line-strong);
        box-shadow: var(--gx-shadow), 0 30px 60px -30px rgba(36, 83, 255, .55); }
}

/* ── buttons ───────────────────────────────────────────────────────── */
.gx-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 54px; padding: 12px 28px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, .14);
    background: linear-gradient(180deg, #3463FF 0%, #2453FF 55%, #1C45E6 100%); color: #fff !important;
    font: inherit; font-weight: 700; font-size: 1rem; text-decoration: none; cursor: pointer;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 12px 28px -10px rgba(36, 83, 255, .8);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.gx-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }
.gx-btn:active { transform: translateY(0); }
.gx-btn[disabled] { opacity: .55; cursor: progress; transform: none; }
.gx-btn-ghost { background: rgba(255, 255, 255, .04); border-color: var(--gx-line-strong); color: var(--gx-head) !important; box-shadow: none; }
.gx-btn-ghost:hover { background: rgba(143, 166, 255, .10); border-color: var(--gx-accent-soft); }
.gx-btn-block { width: 100%; }
.gx-btn-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.gx-btn-row > .gx-btn { flex: 1 1 160px; }
.gx-link-btn { background: none; border: 0; padding: 8px 0; min-height: 44px; color: var(--gx-accent-soft); font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.gx-link-btn[disabled] { color: var(--gx-dim); text-decoration: none; cursor: default; }

/* ── hero ──────────────────────────────────────────────────────────── */
.gx-hero-grid { display: grid; gap: clamp(24px, 4vw, 48px); align-items: center; }
@media (min-width: 900px) { .gx-hero-grid { grid-template-columns: 1.15fr .85fr; } }
.gx-trust { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; }
.gx-trust li { padding: 4px 12px; border-radius: 999px; border: 1px solid var(--gx-line); background: rgba(255, 255, 255, .03); color: var(--gx-dim); font-size: .82rem; }
.gx-visual { position: relative; max-width: 380px; margin-inline: auto; perspective: 1200px; }
.gx-visual::before { content: ''; position: absolute; inset: 10% -6% -4% -6%; z-index: -1; border-radius: 40px;
    background: radial-gradient(closest-side, rgba(36, 83, 255, .45), transparent); filter: blur(30px); }
.gx-visual-card { display: block; width: 100%; height: auto; border-radius: 18px; border: 1px solid var(--gx-line-strong);
    box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .9), 0 0 0 1px rgba(255, 255, 255, .04);
    transform: rotateY(-14deg) rotateX(6deg) rotateZ(1deg); transform-origin: center; }
.gx-visual-back { position: absolute; inset: 6% 18% auto auto; width: 74%; height: auto; opacity: .55; filter: blur(.4px);
    transform: translate(-30%, 10%) rotateY(-14deg) rotateX(6deg) rotateZ(-5deg); z-index: -1; border-radius: 18px; }
@media (max-width: 899px) { .gx-visual { max-width: 260px; } .gx-visual-card { transform: rotateY(-8deg) rotateX(4deg); } }

/* ── cards ─────────────────────────────────────────────────────────── */
.gx-grid { display: grid; gap: 14px; }
@media (min-width: 640px) { .gx-grid-2 { grid-template-columns: 1fr 1fr; } }
@media (min-width: 960px) { .gx-grid-4 { grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 640px) and (max-width: 959px) { .gx-grid-4 { grid-template-columns: 1fr 1fr; } }
.gx-card { padding: 22px 20px; }
.gx-card h3 { margin-bottom: .3em; }
.gx-card p { margin: 0; color: var(--gx-dim); font-size: .95em; }
.gx-card-accent { border-color: rgba(36, 83, 255, .65); }
.gx-num { display: inline-grid; place-items: center; min-width: 36px; height: 36px; padding: 0 8px; margin-bottom: 12px; border-radius: 11px;
    background: linear-gradient(160deg, rgba(36, 83, 255, .35), rgba(36, 83, 255, .12)); border: 1px solid rgba(143, 166, 255, .35);
    color: #DCE4FF; font-weight: 700; font-size: .9rem; }

.gx-preview { margin: 18px 0 0; padding: 10px; overflow: hidden; }
.gx-preview img { width: 100%; height: auto; display: block; border-radius: 12px; }

/* who it is for */
.gx-biz { display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
@media (min-width: 640px) { .gx-biz { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 960px) { .gx-biz { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.gx-biz li { display: flex; align-items: center; gap: 10px; padding: 12px 14px; min-height: 56px; color: var(--gx-head); font-weight: 600; font-size: .9rem; line-height: 1.6; }
@media (min-width: 640px) { .gx-biz li { font-size: .95rem; } }
.gx-biz li::after { content: ''; order: -1; flex: 0 0 8px; height: 8px; border-radius: 50%; background: var(--gx-accent-soft); box-shadow: 0 0 12px rgba(143, 166, 255, .9); }
.gx-biz-more { margin-top: 14px; padding: 18px 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.gx-biz-more p { margin: 0; color: var(--gx-head); font-weight: 600; }

/* ── form ──────────────────────────────────────────────────────────── */
.gx-form-card { padding: 22px 16px; max-width: 760px; margin-inline: auto; }
@media (min-width: 640px) { .gx-form-card { padding: 34px 34px; } }
.gx-progress { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; color: var(--gx-dim); font-size: .88rem; }
.gx-progress-bar { flex: 1; height: 4px; background: rgba(143, 166, 255, .14); border-radius: 4px; overflow: hidden; }
.gx-progress-bar span { display: block; height: 100%; width: 100%; background: linear-gradient(90deg, #8FA6FF, #2453FF); transform: scaleX(var(--gx-p, .334)); transform-origin: right center; transition: transform .2s ease; }
.gx-fields { display: grid; gap: 0 16px; }
@media (min-width: 640px) { .gx-fields { grid-template-columns: 1fr 1fr; } }
.gx-field { margin-bottom: 16px; }
.gx-field label, .gx-legend { display: block; margin-bottom: 6px; color: var(--gx-head); font-weight: 600; font-size: .95rem; }
.gx-optional { color: var(--gx-dim); font-weight: 400; font-size: .85em; }
.gx-input, .gx-select {
    width: 100%; min-height: 54px; padding: 10px 16px; border-radius: 14px;
    border: 1px solid var(--gx-line-strong); background: rgba(4, 6, 13, .7); color: var(--gx-head);
    font: inherit; font-size: 16px; line-height: 1.5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .04), 0 2px 10px rgba(0, 0, 0, .35) inset;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.gx-select { appearance: none; -webkit-appearance: none; padding-left: 40px;
    background-image: linear-gradient(45deg, transparent 50%, #8FA6FF 50%), linear-gradient(135deg, #8FA6FF 50%, transparent 50%);
    background-position: 18px 50%, 24px 50%; background-size: 6px 6px; background-repeat: no-repeat; }
.gx-select option { background: #0B1226; color: #fff; }
.gx-input::placeholder { color: #6E7A96; }
.gx-input:focus, .gx-select:focus { border-color: var(--gx-accent-soft); outline: none; box-shadow: 0 0 0 4px rgba(36, 83, 255, .22); }
.gx-input[aria-invalid="true"], .gx-select[aria-invalid="true"] { border-color: var(--gx-danger); }
.gx-other { margin-top: 8px; }
.gx-ltr { direction: ltr; text-align: right; unicode-bidi: plaintext; }
.gx-code { letter-spacing: .5em; text-align: center; font-size: 1.5rem; font-weight: 700; direction: ltr; }
.gx-checks { margin: 4px 0 12px; display: grid; gap: 4px; }
.gx-check { display: flex; gap: 12px; align-items: flex-start; min-height: 44px; cursor: pointer; font-size: .93rem; line-height: 1.8; }
.gx-check input { width: 22px; height: 22px; margin: 4px 0 0; flex-shrink: 0; accent-color: var(--gx-accent); }
.gx-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.gx-error { min-height: 1.5em; margin: 6px 0 0; color: var(--gx-danger); font-size: .92rem; }
.gx-error:empty { min-height: 0; margin: 0; }
.gx-privacy { margin: 14px 0 0; color: var(--gx-dim); font-size: .84rem; }

.gx-choices { display: grid; gap: 10px; margin: 0 0 16px; padding: 0; border: 0; }
@media (min-width: 640px) { .gx-choices { grid-template-columns: repeat(3, 1fr); } }
.gx-choice { position: relative; display: block; cursor: pointer; }
.gx-choice input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.gx-choice span {
    display: flex; align-items: center; justify-content: center; text-align: center; padding: 16px; min-height: 62px;
    border: 1px solid var(--gx-line-strong); border-radius: 16px; background: rgba(4, 6, 13, .55); color: var(--gx-head); font-weight: 600;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.gx-choice input:checked + span { border-color: var(--gx-accent); background: rgba(36, 83, 255, .16); box-shadow: 0 0 0 3px rgba(36, 83, 255, .18); }
.gx-choice input:focus-visible + span { outline: 2px solid var(--gx-accent-soft); outline-offset: 2px; }
.gx-windows { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0 0 16px; padding: 0; border: 0; }
@media (min-width: 640px) { .gx-windows { grid-template-columns: repeat(4, 1fr); } }
.gx-windows .gx-choice span { padding: 10px; min-height: 48px; font-weight: 500; }
.gx-chat-note { color: var(--gx-dim); font-size: .88rem; margin: 0 0 8px; }

/* ── honesty, about, FAQ ───────────────────────────────────────────── */
.gx-honest { padding: 24px 22px; border-color: rgba(36, 83, 255, .6); }
.gx-honest p { margin: 0; }
.gx-about { display: grid; gap: 18px; align-items: center; padding: 22px; }
@media (min-width: 640px) { .gx-about { grid-template-columns: 132px 1fr; padding: 28px; } }
.gx-photo { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(143, 166, 255, .45); box-shadow: 0 12px 30px -10px rgba(36, 83, 255, .6); }
.gx-about p { margin-bottom: .4em; }
.gx-faq { display: grid; gap: 10px; }
.gx-faq details { padding: 0 20px; }
.gx-faq summary { cursor: pointer; list-style: none; padding: 16px 0; min-height: 44px; color: var(--gx-head); font-weight: 600; display: flex; justify-content: space-between; align-items: center; gap: 16px; }
.gx-faq summary::-webkit-details-marker { display: none; }
.gx-faq summary::after { content: '+'; color: var(--gx-accent-soft); font-weight: 400; font-size: 1.3rem; line-height: 1; }
.gx-faq details[open] summary::after { content: '−'; }
.gx-faq details p { padding-bottom: 16px; margin: 0; color: var(--gx-dim); }

/* ── thank-you ─────────────────────────────────────────────────────── */
.gx-steps { counter-reset: step; list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.gx-steps li { counter-increment: step; position: relative; padding: 18px 60px 18px 18px; }
.gx-steps li::before { content: counter(step, persian); position: absolute; right: 18px; top: 18px; width: 28px; height: 28px; border-radius: 9px; background: linear-gradient(160deg, #3463FF, #1C45E6); color: #fff; font-weight: 700; font-size: .85rem; display: grid; place-items: center; }
.gx-steps p { margin-bottom: 10px; }
.gx-done { color: var(--gx-ok); font-weight: 600; }

/* ── online map ────────────────────────────────────────────────────── */
.gx-page { padding: 24px 18px; margin-bottom: 18px; }
@media (min-width: 640px) { .gx-page { padding: 38px 38px; } }
.gx-page-head { display: flex; justify-content: space-between; align-items: center; color: var(--gx-accent-soft); font-size: .88rem; font-weight: 600; margin-bottom: 12px; }
.gx-page-head span:last-child { color: var(--gx-dim); font-weight: 400; }
.gx-cover { text-align: right; overflow: hidden; }
.gx-stages { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 6px; margin: 24px 0; padding: 0; list-style: none; }
.gx-stages::before { content: ''; position: absolute; inset-inline: 8px; top: 50%; height: 1px; background: linear-gradient(90deg, transparent, var(--gx-accent), transparent); }
.gx-stages li { position: relative; padding: 6px 10px; border: 1px solid rgba(36, 83, 255, .8); border-radius: 12px; background: #0A1230; color: var(--gx-head); font-weight: 600; font-size: .9rem; white-space: nowrap; box-shadow: 0 6px 18px -8px rgba(36, 83, 255, .7); }
@media (min-width: 640px) { .gx-stages li { padding: 8px 20px; font-size: 1rem; } }
.gx-tagline { color: var(--gx-head); font-weight: 700; margin: 18px 0 0; }
.gx-q { padding: 18px; margin-bottom: 12px; }
.gx-q h3 { display: flex; align-items: flex-start; gap: 10px; margin-bottom: .2em; }
.gx-q h3 .gx-num { margin: 0; flex-shrink: 0; }
.gx-q p { color: var(--gx-dim); font-size: .93em; margin-bottom: 10px; }
.gx-textarea { min-height: 96px; resize: vertical; }
.gx-callout { padding: 18px 20px; border-color: rgba(36, 83, 255, .7); background: linear-gradient(160deg, rgba(36, 83, 255, .22), rgba(12, 18, 40, .6)); color: var(--gx-head); }
.gx-callout strong { display: block; font-size: 1.05em; margin-bottom: 4px; }
.gx-stage { padding: 18px; }
.gx-stage h3 { display: flex; align-items: center; gap: 10px; font-size: 1.15rem; }
.gx-stage h3::before { content: ''; width: 4px; height: 1.1em; border-radius: 4px; background: var(--gx-accent); }
.gx-sys { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-top: 1px solid var(--gx-line); cursor: pointer; }
.gx-sys input { width: 24px; height: 24px; margin-top: 4px; flex-shrink: 0; accent-color: var(--gx-accent); }
.gx-sys strong { color: var(--gx-head); display: block; }
.gx-sys small { color: var(--gx-dim); font-size: .92em; display: block; line-height: 1.8; }
.gx-tag { display: inline-block; margin-top: 4px; padding: 0 10px; border: 1px solid var(--gx-line-strong); border-radius: 999px; font-size: .78rem; color: var(--gx-accent-soft); }
.gx-table-wrap { overflow-x: auto; margin: 0 0 14px; padding: 0; }
.gx-table { width: 100%; min-width: 520px; border-collapse: collapse; font-size: .92rem; }
.gx-table th, .gx-table td { border-bottom: 1px solid var(--gx-line); padding: 0; text-align: right; }
.gx-table th { padding: 12px 10px; color: var(--gx-head); background: rgba(36, 83, 255, .14); font-weight: 600; }
.gx-table td:first-child, .gx-table th:first-child { width: 44px; text-align: center; color: var(--gx-dim); }
.gx-table input, .gx-table select { width: 100%; min-height: 46px; border: 0; background: transparent; color: var(--gx-head); font: inherit; padding: 8px 10px; }
.gx-table select option { background: #0B1226; }
.gx-table input:focus, .gx-table select:focus { outline: 2px solid var(--gx-accent-soft); outline-offset: -2px; }
.gx-two { display: grid; gap: 12px; }
@media (min-width: 640px) { .gx-two { grid-template-columns: 1fr 1fr; } }
.gx-three { display: grid; gap: 12px; }
@media (min-width: 760px) { .gx-three { grid-template-columns: repeat(3, 1fr); } }
.gx [data-gx-mt] { margin-top: 16px; }

/* Older phones and Firefox without backdrop-filter still get a solid pane. */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .gx-glass { background: var(--gx-surface-solid); }
}

@media (prefers-reduced-motion: reduce) {
    .gx *, .gx *::before, .gx *::after { transition: none !important; animation: none !important; }
    .gx-3d:hover { transform: none; }
}

@media print {
    .navbar, .site-footer, .gx-noprint, #chat-widget, .chat-widget, .public-offer-banner { display: none !important; }
    body { background: #fff !important; }
    .gx::before, .gx::after { display: none; }
    .gx { --gx-bg: #fff; --gx-line: #cfd6e4; --gx-line-strong: #b6c0d4; --gx-text: #222; --gx-dim: #444; --gx-head: #000; --gx-accent-soft: #1d3fd0;
          background: #fff; padding: 0; font-size: 12pt; }
    .gx-glass { background: #fff !important; box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none; }
    .gx-chrome { background: none; color: #000; -webkit-background-clip: initial; background-clip: initial; }
    .gx-page { page-break-after: always; border: 0; padding: 0; }
    .gx-table input, .gx-input, .gx-table select { color: #000; }
}