.bajhi-affiliates {
    --ba-panel: rgba(24, 28, 27, .78);
    --ba-panel-soft: rgba(255, 255, 255, .035);
    --ba-border: rgba(235, 243, 239, .11);
    --ba-border-strong: rgba(235, 243, 239, .18);
    --ba-text: #f0f4f1;
    --ba-muted: #9aa69f;
    --ba-subtle: #69756e;
    --ba-mint: #a9e8c4;
    --ba-mint-dark: #14271c;
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    isolation: isolate;
    color: var(--ba-text);
    background: transparent;
    font: 15px/1.55 "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}

.bajhi-affiliates,
.bajhi-affiliates *,
.bajhi-affiliates *::before,
.bajhi-affiliates *::after {
    box-sizing: border-box;
}

.bajhi-affiliates [hidden] { display: none !important; }
.bajhi-affiliates button,
.bajhi-affiliates input,
.bajhi-affiliates textarea { font: inherit; }
.bajhi-affiliates button { cursor: pointer; }
.bajhi-affiliates a { color: inherit; text-decoration: none; }
.bajhi-affiliates h1,
.bajhi-affiliates h2,
.bajhi-affiliates h3,
.bajhi-affiliates p { margin-top: 0; }

.bajhi-affiliates .ba-topbar {
    position: relative;
    display: flex;
    min-height: 68px;
    align-items: center;
    gap: 25px;
    border-bottom: 1px solid var(--ba-border);
}

.bajhi-affiliates .ba-brand {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
    color: #eef5f0;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .13em;
}

.bajhi-affiliates .ba-brand i { color: var(--ba-muted); font-size: 10px; font-style: normal; letter-spacing: .1em; }
.bajhi-affiliates .ba-brand-mark {
    display: inline-flex;
    width: 31px;
    height: 31px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #0b1510;
    background: linear-gradient(145deg, #c5f2d5, #83d0a4);
    font-size: 17px;
    letter-spacing: 0;
}

.bajhi-affiliates .ba-nav {
    display: flex;
    min-width: 0;
    height: 68px;
    align-items: stretch;
    gap: 20px;
}

.bajhi-affiliates .ba-nav button {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 2px;
    border: 0;
    color: var(--ba-muted);
    background: transparent;
    font-size: 13px;
    white-space: nowrap;
}

.bajhi-affiliates .ba-nav button::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    content: "";
    background: transparent;
}

.bajhi-affiliates .ba-nav button:hover,
.bajhi-affiliates .ba-nav button.is-active { color: var(--ba-mint); }
.bajhi-affiliates .ba-nav button.is-active::after { background: var(--ba-mint); }
.bajhi-affiliates .ba-new {
    padding: 2px 6px;
    border-radius: 5px;
    color: #d7f7e2;
    background: rgba(169, 232, 196, .11);
    font-size: 10px;
    font-weight: 700;
}

.bajhi-affiliates .ba-user-chip {
    max-width: 190px;
    margin-left: auto;
    overflow: hidden;
    color: var(--ba-muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bajhi-affiliates .ba-button {
    display: inline-flex;
    min-height: 43px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 17px;
    border: 1px solid var(--ba-border-strong);
    border-radius: 10px;
    color: var(--ba-text);
    background: rgba(255, 255, 255, .045);
    font-size: 13px;
    font-weight: 700;
    transition: .18s ease;
}

.bajhi-affiliates .ba-button:hover { transform: translateY(-1px); border-color: rgba(169, 232, 196, .45); }
.bajhi-affiliates .ba-button-primary {
    border-color: transparent;
    color: #0d1711;
    background: linear-gradient(135deg, #b7edca, #8bd8a9);
    box-shadow: 0 10px 30px rgba(92, 181, 125, .17);
}
.bajhi-affiliates .ba-button-quiet { min-height: 37px; margin-left: auto; padding: 0 14px; }
.bajhi-affiliates .ba-button-outline { background: transparent; }

.bajhi-affiliates .ba-flash {
    margin: 18px 0 0;
    padding: 11px 14px;
    border: 1px solid var(--ba-border);
    border-radius: 10px;
    font-size: 13px;
}
.bajhi-affiliates .ba-flash-success { border-color: rgba(169, 232, 196, .24); color: #c6f0d5; background: rgba(169, 232, 196, .07); }
.bajhi-affiliates .ba-flash-error { border-color: rgba(242, 141, 141, .28); color: #ffc1c1; background: rgba(242, 141, 141, .07); }

.bajhi-affiliates .ba-view { display: none; padding: 25px 0 55px; }
.bajhi-affiliates .ba-view.is-active { display: block; }
.bajhi-affiliates .ba-hero {
    position: relative;
    display: grid;
    min-height: 295px;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    align-items: center;
    gap: clamp(25px, 5vw, 70px);
    overflow: hidden;
    padding: clamp(27px, 4vw, 46px);
    border: 1px solid var(--ba-border);
    border-radius: 23px;
    background:
        radial-gradient(ellipse at 78% 15%, rgba(169, 232, 196, .11), transparent 35%),
        linear-gradient(135deg, rgba(30, 35, 32, .84), rgba(19, 23, 22, .71));
    box-shadow: 0 24px 80px rgba(0, 0, 0, .2);
}

.bajhi-affiliates .ba-hero h1,
.bajhi-affiliates .ba-agency-intro h1,
.bajhi-affiliates .ba-panel h2,
.bajhi-affiliates .ba-how h2 {
    margin: 9px 0 12px;
    color: #f2f5f2;
    font-family: "Manrope", "DM Sans", sans-serif;
    font-size: clamp(27px, 3.3vw, 42px);
    font-weight: 600;
    letter-spacing: -.045em;
    line-height: 1.12;
}

.bajhi-affiliates .ba-hero h1 em { color: var(--ba-mint); font-style: normal; }
.bajhi-affiliates .ba-guest-copy { grid-column: 1 / -1; max-width: 760px; }
.bajhi-affiliates .ba-hero p { max-width: 570px; margin-bottom: 0; color: #b2bcb6; font-size: 15px; }
.bajhi-affiliates .ba-eyebrow {
    display: inline-block;
    color: var(--ba-muted);
    font-family: "DM Mono", ui-monospace, monospace;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .17em;
}
.bajhi-affiliates .ba-hero-actions { display: flex; align-items: center; gap: 17px; margin-top: 21px; }
.bajhi-affiliates .ba-text-link { color: #d4ded7; font-size: 12px; font-weight: 600; }
.bajhi-affiliates .ba-text-link:hover { color: var(--ba-mint); }
.bajhi-affiliates .ba-hero-foot {
    display: flex;
    grid-column: 1 / -1;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 20px;
    padding-top: 20px;
    border-top: 1px solid var(--ba-border);
    color: var(--ba-muted);
    font-size: 11px;
}
.bajhi-affiliates .ba-hero-orbit {
    position: absolute;
    top: 35px;
    right: 8%;
    display: flex;
    width: 240px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    transform: rotate(-7deg);
}
.bajhi-affiliates .ba-hero-orbit span {
    display: inline-flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 14px;
    color: #e4f7eb;
    background: linear-gradient(145deg, rgba(169,232,196,.24), rgba(255,255,255,.055));
    box-shadow: 0 10px 28px rgba(0,0,0,.2);
    font-size: 20px;
}
.bajhi-affiliates .ba-hero-orbit span:nth-child(2) { transform: translateY(17px) rotate(12deg); }
.bajhi-affiliates .ba-hero-orbit span:nth-child(3) { transform: translateY(-9px) rotate(-12deg); }
.bajhi-affiliates .ba-member-copy { align-self: start; padding-top: 8px; }
.bajhi-affiliates .ba-member-hero { grid-template-columns: minmax(250px, .75fr) minmax(400px, 1.25fr); }
.bajhi-affiliates .ba-member-hero .ba-hero-foot { margin-top: 5px; }
.bajhi-affiliates .ba-code-panel { min-width: 0; }
.bajhi-affiliates .ba-code-panel h2 { font-size: 21px; letter-spacing: -.025em; }
.bajhi-affiliates .ba-code-panel > p { margin-bottom: 15px; font-size: 13px; }
.bajhi-affiliates .ba-copy-row { display: flex; gap: 9px; margin-top: 8px; padding: 6px; border: 1px solid var(--ba-border); border-radius: 11px; background: rgba(0,0,0,.18); }
.bajhi-affiliates .ba-copy-row input,
.bajhi-affiliates .ba-code-form input {
    min-width: 0;
    min-height: 39px;
    padding: 0 11px;
    border: 1px solid transparent;
    border-radius: 7px;
    outline: 0;
    color: #dbe4de;
    background: rgba(255,255,255,.035);
    font-size: 12px;
}
.bajhi-affiliates .ba-copy-row input { flex: 1 1 auto; }
.bajhi-affiliates .ba-copy-button { min-width: 95px; border: 0; border-radius: 8px; color: #131815; background: #dce9df; font-size: 12px; font-weight: 700; }
.bajhi-affiliates .ba-copy-row .ba-copy-button { min-width: 130px; padding: 0 17px; white-space: nowrap; }
.bajhi-affiliates .ba-code-summary { display: flex; align-items: center; gap: 12px; margin: 15px 0 9px; color: var(--ba-muted); font-size: 12px; }
.bajhi-affiliates .ba-code-summary strong { color: #f2f5f2; font-size: 15px; letter-spacing: .04em; }
.bajhi-affiliates .ba-discount-badge { margin-left: auto; padding: 4px 8px; border: 1px solid rgba(169,232,196,.18); border-radius: 999px; color: #c6f0d5; background: rgba(169,232,196,.08); font-size: 10px; font-weight: 700; }
.bajhi-affiliates .ba-code-form { display: flex; gap: 8px; }
.bajhi-affiliates .ba-code-form input { flex: 1; border-color: var(--ba-border); text-transform: lowercase; }
.bajhi-affiliates .ba-code-form .ba-button { flex: 0 0 auto; min-height: 39px; padding: 0 13px; font-size: 11px; }
.bajhi-affiliates .ba-helper { margin: 8px 0 0 !important; color: var(--ba-subtle) !important; font-size: 10px !important; }

.bajhi-affiliates .ba-section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin: 33px 0 16px;
}
.bajhi-affiliates .ba-section-heading h2 { margin: 5px 0 0; color: #eef3ef; font-family: "Manrope", sans-serif; font-size: clamp(20px, 2.2vw, 25px); font-weight: 600; letter-spacing: -.035em; }
.bajhi-affiliates .ba-section-heading p { margin: 8px 0 0; color: var(--ba-muted); font-size: 13px; }
.bajhi-affiliates .ba-filter-row { display: flex; gap: 7px; }
.bajhi-affiliates .ba-filter-row button { min-height: 33px; padding: 0 12px; border: 1px solid var(--ba-border); border-radius: 999px; color: #bbc5be; background: rgba(255,255,255,.025); font-size: 11px; }
.bajhi-affiliates .ba-filter-row button:hover,
.bajhi-affiliates .ba-filter-row button.is-active { border-color: rgba(169,232,196,.35); color: #e4f7eb; background: rgba(169,232,196,.1); }
.bajhi-affiliates .ba-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.bajhi-affiliates .ba-product-card { min-width: 0; overflow: hidden; border: 1px solid var(--ba-border); border-radius: 17px; background: rgba(22,26,25,.68); transition: transform .2s ease, border-color .2s ease; }
.bajhi-affiliates .ba-product-card:hover { transform: translateY(-3px); border-color: rgba(169,232,196,.26); }
.bajhi-affiliates.ba-product-affiliate-tab { padding: 18px 0; }
.bajhi-affiliates .ba-product-affiliate-heading { margin-bottom: 20px; }
.bajhi-affiliates .ba-product-affiliate-heading h2 { margin: 5px 0; color: var(--ba-text); font-size: 24px; }
.bajhi-affiliates .ba-product-affiliate-heading p { color: var(--ba-muted); }
.bajhi-affiliates .ba-product-affiliate-link { display: flex; gap: 9px; margin-bottom: 12px; }
.bajhi-affiliates .ba-product-affiliate-link input { min-width: 0; flex: 1; padding: 12px 14px; border: 1px solid var(--ba-border-strong); border-radius: 9px; color: var(--ba-text); background: rgba(255,255,255,.045); }
.bajhi-affiliates .ba-product-affiliate-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.bajhi-affiliates .ba-product-affiliate-actions .ba-action-button { min-height: 40px; padding: 0 14px; }
.bajhi-affiliates .ba-application-login-note { margin: 12px 0; color: #ffd48a; }
.bajhi-affiliates .ba-product-image { position: relative; display: block; height: 175px; overflow: hidden; margin: 9px 9px 0; border-radius: 12px; background: rgba(255,255,255,.035); }
.bajhi-affiliates .ba-product-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.bajhi-affiliates .ba-product-card:hover .ba-product-image img { transform: scale(1.025); }
.bajhi-affiliates .ba-category-pill { position: absolute; top: 9px; left: 9px; padding: 4px 8px; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #eff8f1; background: rgba(14,18,16,.72); font-size: 10px; font-weight: 600; backdrop-filter: blur(12px); }
.bajhi-affiliates .ba-product-content { padding: 13px 14px 14px; }
.bajhi-affiliates .ba-product-title-row { display: flex; align-items: start; justify-content: space-between; gap: 9px; }
.bajhi-affiliates .ba-product-title-row h3 { margin: 0; color: #f0f4f1; font-size: 14px; font-weight: 650; }
.bajhi-affiliates .ba-product-price { flex: 0 0 auto; color: #d0ded4; font-size: 11px; }
.bajhi-affiliates .ba-product-price del { color: var(--ba-subtle); }
.bajhi-affiliates .ba-product-price ins { text-decoration: none; }
.bajhi-affiliates .ba-product-content p { min-height: 38px; margin: 8px 0 13px; color: var(--ba-muted); font-size: 11px; line-height: 1.55; }
.bajhi-affiliates .ba-product-link { display: flex; min-height: 37px; align-items: center; justify-content: space-between; padding: 0 11px; border: 1px solid var(--ba-border); border-radius: 9px; color: #d9e5dc; font-size: 11px; font-weight: 600; }
.bajhi-affiliates .ba-product-link:hover { border-color: rgba(169,232,196,.34); color: var(--ba-mint); }
.bajhi-affiliates .ba-product-actions { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 7px; padding: 8px; border: 1px solid var(--ba-border); border-radius: 12px; background: rgba(255,255,255,.025); }
.bajhi-affiliates .ba-product-share { display: flex; align-items: center; gap: 5px; }
.bajhi-affiliates .ba-product-share a { display: inline-flex; width: 31px; height: 31px; align-items: center; justify-content: center; border: 1px solid var(--ba-border); border-radius: 50%; color: var(--ba-text); font-size: 12px; font-weight: 700; }
.bajhi-affiliates .ba-product-share a:hover { color: var(--ba-mint); border-color: rgba(169,232,196,.4); }
.bajhi-affiliates .ba-product-share .wd-social-icons { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; }
.bajhi-affiliates .ba-product-share .wd-social-icon { width: 30px; height: 30px; margin: 0 !important; }
.bajhi-affiliates .ba-action-button { display: inline-flex; min-height: 34px; align-items: center; justify-content: center; gap: 5px; padding: 0 11px; border: 1px solid var(--ba-border); border-radius: 9px; color: var(--ba-text); background: rgba(255,255,255,.035); font-size: 10px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.bajhi-affiliates .ba-action-button:hover { color: var(--ba-mint); border-color: rgba(169,232,196,.38); }
.bajhi-affiliates .ba-action-button.ba-copy-button { border-color: transparent; color: #14221a; background: #d4e8dc; }
.bajhi-affiliates .ba-action-button.ba-product-link { min-width: 48px; min-height: 34px; padding: 0 8px; }
.bajhi-affiliates .ba-visual-button { grid-column: 1 / 3; width: 100%; }
.bajhi-affiliates .ba-qr-button { grid-column: 3; width: 100%; }
.bajhi-affiliates .ba-product-commission { margin: 7px 12px 0; color: var(--ba-mint); font-size: 10px; font-weight: 700; }
.bajhi-affiliates .ba-load-more-wrap { display: flex; justify-content: center; padding-top: 20px; }
.bajhi-affiliates .ba-scroll-sentinel { height: 1px; }
.bajhi-affiliates .ba-member-overview { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 14px 0 30px; }
.bajhi-affiliates .ba-member-overview article { display: grid; grid-template-columns: 36px 1fr; gap: 2px 10px; align-items: center; padding: 15px; border: 1px solid var(--ba-border); border-radius: 13px; background: rgba(22,26,25,.68); color: var(--ba-muted); font-size: 11px; }
.bajhi-affiliates .ba-member-overview strong { grid-column: 2; color: var(--ba-text); font-size: 18px; }
.bajhi-affiliates .ba-stat-icon { grid-row: span 2; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; color: var(--ba-mint); background: rgba(169,232,196,.09); font-size: 17px; }
.bajhi-affiliates .ba-promo-code-list { display: grid; gap: 7px; margin-top: 13px; }
.bajhi-affiliates .ba-promo-code-list > strong { color: var(--ba-text); font-size: 12px; }
.bajhi-affiliates .ba-promo-code-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 10px; border: 1px solid var(--ba-border); border-radius: 9px; background: rgba(255,255,255,.025); }
.bajhi-affiliates .ba-promo-code-row > span { display: grid; gap: 3px; }
.bajhi-affiliates .ba-promo-code-row b { color: var(--ba-text); font-size: 12px; }
.bajhi-affiliates .ba-promo-code-row small { color: var(--ba-muted); font-size: 10px; }
.bajhi-affiliates .ba-level-progress { margin-top: 16px; padding-top: 13px; border-top: 1px solid var(--ba-border); }
.bajhi-affiliates .ba-level-head { display: flex; justify-content: space-between; gap: 10px; color: var(--ba-muted); font-size: 11px; }
.bajhi-affiliates .ba-level-head strong { color: var(--ba-text); }
.bajhi-affiliates .ba-progress-track { height: 7px; overflow: hidden; margin: 10px 0; border-radius: 20px; background: rgba(255,255,255,.09); }
.bajhi-affiliates .ba-progress-track span { display: block; height: 100%; border-radius: inherit; background: var(--ba-mint); }
.bajhi-affiliates .ba-level-next { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; color: var(--ba-muted); font-size: 11px; }
.bajhi-affiliates .ba-tier-code-form { display: flex; flex-wrap: wrap; gap: 6px; }
.bajhi-affiliates .ba-tier-code-form input { min-width: 130px; width: 150px; min-height: 34px; padding: 0 9px; border: 1px solid var(--ba-border); border-radius: 8px; color: var(--ba-text); background: rgba(255,255,255,.04); }
.bajhi-affiliates .ba-tier-code-form .ba-button { min-height: 34px; padding: 0 10px; font-size: 10px; }
.bajhi-affiliates .ba-member-overview { margin: 0 0 14px; }
.bajhi-affiliates .ba-hero.ba-member-hero { min-height: 0; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 13px 18px; padding: 18px 20px; border-radius: 15px; }
.bajhi-affiliates .ba-member-hero .ba-member-copy h1 { margin: 7px 0; font-size: clamp(21px,2.4vw,30px); }
.bajhi-affiliates .ba-member-hero .ba-member-copy p { margin: 0; font-size: 12px; }
.bajhi-affiliates .ba-member-hero .ba-hero-foot { grid-column: 1 / -1; margin-top: 0; padding-top: 9px; }
.bajhi-affiliates .ba-member-hero .ba-helper { margin: 7px 0; font-size: 10px; }
.bajhi-affiliates .ba-member-hero .ba-promo-code-list { margin-top: 8px; }
.bajhi-affiliates .ba-member-hero .ba-level-progress { margin-top: 9px; padding-top: 8px; }
.bajhi-affiliates .ba-member-hero .ba-code-form { margin-top: 7px; }
.bajhi-affiliates .ba-member-hero .ba-code-summary { margin: 7px 0; }
.bajhi-affiliates .ba-member-rewards-panel { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: center; gap: 14px; margin: 10px 0 27px; padding: 13px 15px; border: 1px solid var(--ba-border); border-radius: 14px; background: rgba(22,26,25,.48); }
.bajhi-affiliates .ba-member-rewards-panel .ba-promo-code-list { margin: 0; }
.bajhi-affiliates .ba-member-rewards-panel .ba-level-progress { margin: 0; padding: 0; border: 0; }
.bajhi-affiliates .ba-visual-dialog[hidden] { display: none !important; }
.bajhi-affiliates .ba-visual-dialog { position: fixed; z-index: 100050; inset: 0; display: grid; place-items: center; padding: 18px; }
.bajhi-affiliates .ba-visual-scrim { position: absolute; inset: 0; background: rgba(3,6,4,.78); backdrop-filter: blur(7px); }
.bajhi-affiliates .ba-visual-modal { position: relative; width: min(520px,100%); max-height: min(90vh,850px); overflow-y: auto; padding: 25px; border: 1px solid var(--ba-border-strong); border-radius: 18px; color: var(--ba-text); background: #171c19; box-shadow: 0 24px 80px rgba(0,0,0,.45); }
.bajhi-affiliates .ba-visual-modal h2 { margin: 7px 0; font-size: 24px; }
.bajhi-affiliates .ba-visual-modal > p { color: var(--ba-muted); font-size: 12px; }
.bajhi-affiliates .ba-visual-modal form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.bajhi-affiliates .ba-visual-modal form label { display: grid; gap: 5px; color: var(--ba-muted); font-size: 11px; }
.bajhi-affiliates .ba-visual-modal select { min-height: 40px; padding: 0 10px; border: 1px solid var(--ba-border); border-radius: 9px; color: var(--ba-text); background: #202623; }
.bajhi-affiliates .ba-visual-modal form button { grid-column: 1 / -1; justify-self: start; }
.bajhi-affiliates .ba-visual-close { position: absolute; top: 14px; right: 14px; width: 34px; height: 34px; border: 1px solid var(--ba-border); border-radius: 9px; color: var(--ba-text); background: transparent; font-size: 22px; }
.bajhi-affiliates .ba-visual-status { margin-top: 14px; color: var(--ba-muted); font-size: 12px; }
.bajhi-affiliates .ba-visual-result { display: grid; gap: 10px; margin-top: 14px; }
.bajhi-affiliates .ba-visual-result img,.bajhi-affiliates .ba-visual-result video { display: block; width: 100%; max-height: 430px; object-fit: contain; border: 1px solid var(--ba-border); border-radius: 12px; background: #0d100e; }
.bajhi-affiliates .ba-visual-result a { color: var(--ba-mint); font-size: 12px; }
.bajhi-affiliates .ba-generated-copy { margin: 12px 0 8px; padding: 13px; white-space: pre-wrap; border: 1px solid var(--ba-border); border-radius: 10px; color: var(--ba-text); background: rgba(255,255,255,.035); font-family: inherit; font-size: 12px; line-height: 1.6; }
.bajhi-affiliates .ba-material-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.bajhi-affiliates .ba-material-card { min-width: 0; padding: 15px; border: 1px solid var(--ba-border); border-radius: 14px; background: rgba(22,26,25,.65); }
.bajhi-affiliates .ba-material-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 11px; }
.bajhi-affiliates .ba-material-card h3 { margin: 4px 0; color: var(--ba-text); font-size: 15px; }
.bajhi-affiliates .ba-material-card small { color: var(--ba-muted); font-size: 10px; }
.bajhi-affiliates .ba-material-card > header > a,.bajhi-affiliates .ba-material-asset > a,.bajhi-affiliates .ba-material-card > a { color: var(--ba-mint); font-size: 11px; }
.bajhi-affiliates .ba-material-card pre { max-height: 280px; overflow: auto; margin: 0 0 9px; padding: 12px; white-space: pre-wrap; border: 1px solid var(--ba-border); border-radius: 9px; color: #dce5df; background: rgba(0,0,0,.18); font-family: inherit; font-size: 11px; line-height: 1.6; }
.bajhi-affiliates .ba-material-card img,.bajhi-affiliates .ba-material-card video { display: block; width: 100%; max-height: 350px; object-fit: contain; border-radius: 10px; background: #0d100e; }
.bajhi-affiliates .ba-material-asset { display: grid; gap: 8px; margin-top: 10px; }
.bajhi-affiliates .ba-material-empty { grid-column: 1/-1; color: var(--ba-muted); }
.bajhi-affiliates .ba-qr-dialog[hidden] { display: none !important; }
.bajhi-affiliates .ba-qr-dialog { position: fixed; z-index: 100060; inset: 0; display: grid; place-items: center; padding: 18px; }
.bajhi-affiliates .ba-qr-modal { position: relative; z-index: 1; width: min(420px,100%); padding: 25px; border: 1px solid var(--ba-border-strong); border-radius: 18px; color: var(--ba-text); background: #171c19; text-align: center; box-shadow: 0 24px 80px rgba(0,0,0,.45); }
.bajhi-affiliates .ba-qr-modal h2 { margin: 8px 0 15px; font-size: 20px; }
.bajhi-affiliates .ba-qr-canvas { display: grid; place-items: center; min-height: 292px; padding: 6px; border-radius: 12px; background: #fff; }
.bajhi-affiliates .ba-qr-modal [data-ba-qr-url] { overflow-wrap: anywhere; margin: 10px 0; color: var(--ba-muted); font-size: 10px; }
.bajhi-affiliates .ba-portal-shell #fa-customer-portal { color-scheme: dark; color: #e7ece9; --el-bg-color: #202623; --el-bg-color-page: #171c19; --el-bg-color-overlay: #202623; --el-text-color-primary: #e7ece9; --el-text-color-regular: #d1d9d4; --el-text-color-secondary: #a8b1ac; --el-border-color: #343d38; --el-border-color-light: #343d38; --el-border-color-lighter: #343d38; --fa-box-bg: #202623; --fa-primary-border: #343d38; --fa-primary-color: #e7ece9; --fa-color-off: #a8b1ac; --fa-heading-bg: #252c28; --fa-active-bg: #303a34; --fla-primary-text: #e7ece9; }
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .fa_card_wrap,
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .fa_boxed_section,
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .fa_coupon_code,
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .el-table,
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .el-table tr,
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .el-table th.el-table__cell,
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .el-table td.el-table__cell { color: #e7ece9 !important; background-color: #202623 !important; border-color: #343d38 !important; }
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .el-input__wrapper,
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .el-select__wrapper,
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .el-textarea__inner { color: #e7ece9 !important; background-color: #202623 !important; box-shadow: 0 0 0 1px #343d38 inset !important; }
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .el-input__inner,
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .el-textarea__inner,
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .el-table th,
.bajhi-affiliates .ba-portal-shell #fa-customer-portal .el-table td { color: #e7ece9 !important; }
.bajhi-affiliates .ba-empty-products { grid-column: 1 / -1; padding: 35px; border: 1px dashed var(--ba-border-strong); border-radius: 15px; color: var(--ba-muted); text-align: center; }

.bajhi-affiliates .ba-agency-intro {
    display: flex;
    min-height: 235px;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding: clamp(25px, 4vw, 42px);
    border: 1px solid var(--ba-border);
    border-radius: 20px;
    background: radial-gradient(ellipse at 78% 22%, rgba(169,232,196,.1), transparent 35%), linear-gradient(135deg, rgba(30,35,32,.78), rgba(18,22,20,.68));
}
.bajhi-affiliates .ba-agency-intro > div:first-child { max-width: 670px; }
.bajhi-affiliates .ba-agency-intro h1 { font-size: clamp(27px, 3vw, 38px); }
.bajhi-affiliates .ba-agency-intro p { max-width: 650px; margin-bottom: 0; color: #b2bcb6; font-size: 14px; }
.bajhi-affiliates .ba-agency-callout { display: grid; width: 170px; height: 150px; flex: 0 0 auto; align-content: center; justify-items: center; gap: 6px; border: 1px solid rgba(169,232,196,.18); border-radius: 20px; background: linear-gradient(145deg, rgba(169,232,196,.14), rgba(255,255,255,.035)); }
.bajhi-affiliates .ba-callout-icon { color: var(--ba-mint); font-size: 20px; }
.bajhi-affiliates .ba-agency-callout strong { color: #e3f5e9; font-family: "Manrope",sans-serif; font-size: 27px; }
.bajhi-affiliates .ba-agency-callout > span:last-child { color: var(--ba-muted); font-size: 10px; }
.bajhi-affiliates .ba-benefit-title { margin: 27px 0 12px; color: #edf2ee; font-size: 16px; font-weight: 650; }
.bajhi-affiliates .ba-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.bajhi-affiliates .ba-benefits article { display: flex; min-height: 67px; align-items: center; gap: 12px; padding: 12px 15px; border: 1px solid var(--ba-border); border-radius: 13px; background: var(--ba-panel-soft); }
.bajhi-affiliates .ba-benefits article > span { display: inline-flex; width: 31px; height: 31px; flex: 0 0 31px; align-items: center; justify-content: center; border-radius: 9px; color: var(--ba-mint); background: rgba(169,232,196,.09); }
.bajhi-affiliates .ba-benefits p { margin: 0; color: #cad3cd; font-size: 11px; line-height: 1.45; }
.bajhi-affiliates .ba-application-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 18px; margin-top: 21px; padding: 8px; border: 1px solid var(--ba-border); border-radius: 19px; background: linear-gradient(125deg, rgba(169,232,196,.055), rgba(255,255,255,.015)); }
.bajhi-affiliates .ba-how { padding: clamp(20px, 3vw, 34px); }
.bajhi-affiliates .ba-how h2 { margin: 12px 0 20px; font-size: 27px; }
.bajhi-affiliates .ba-how ol { display: grid; gap: 13px; margin: 0; padding: 0; list-style: none; counter-reset: ba-steps; }
.bajhi-affiliates .ba-how li { display: flex; align-items: center; gap: 10px; color: #d0d9d2; font-size: 12px; counter-increment: ba-steps; }
.bajhi-affiliates .ba-how li::before { display: inline-flex; width: 24px; height: 24px; flex: 0 0 24px; align-items: center; justify-content: center; border: 1px solid var(--ba-border-strong); border-radius: 7px; color: #ebf1ec; background: rgba(255,255,255,.045); content: counter(ba-steps); font-size: 10px; font-weight: 700; }
.bajhi-affiliates .ba-check-list { display: grid; gap: 9px; margin-top: 22px; padding: 14px; border: 1px solid rgba(169,232,196,.12); border-radius: 11px; color: #c9e6d1; background: rgba(169,232,196,.045); font-size: 11px; }
.bajhi-affiliates .ba-application-form { padding: clamp(19px, 3vw, 31px); border: 1px solid var(--ba-border); border-radius: 14px; background: rgba(17,21,19,.64); }
.bajhi-affiliates .ba-application-form h2 { margin-bottom: 18px; color: #f0f4f1; font-size: 19px; font-weight: 650; }
.bajhi-affiliates .ba-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px 11px; }
.bajhi-affiliates .ba-form-grid label { display: grid; min-width: 0; gap: 6px; color: #d2dbd4; font-size: 10px; font-weight: 600; }
.bajhi-affiliates .ba-form-grid .ba-field-wide { grid-column: 1 / -1; }
.bajhi-affiliates .ba-form-grid input,
.bajhi-affiliates .ba-form-grid textarea { width: 100%; min-height: 40px; padding: 9px 11px; border: 1px solid var(--ba-border); border-radius: 9px; outline: 0; color: #edf2ee; background: rgba(255,255,255,.025); font-size: 11px; }
.bajhi-affiliates .ba-form-grid textarea { min-height: 115px; resize: vertical; }
.bajhi-affiliates .ba-form-grid input:focus,
.bajhi-affiliates .ba-form-grid textarea:focus { border-color: rgba(169,232,196,.48); box-shadow: 0 0 0 3px rgba(169,232,196,.07); }
.bajhi-affiliates .ba-form-grid input::placeholder,
.bajhi-affiliates .ba-form-grid textarea::placeholder { color: #77837b; }
.bajhi-affiliates .ba-form-grid small { color: var(--ba-subtle); font-size: 9px; font-weight: 400; }
.bajhi-affiliates .ba-required-note { margin: 4px 0 13px; color: var(--ba-subtle); font-size: 10px; }
.bajhi-affiliates .ba-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.bajhi-affiliates .ba-panel { padding: 25px; border: 1px solid var(--ba-border); border-radius: 16px; background: var(--ba-panel); }
.bajhi-affiliates .ba-earnings-gate { max-width: 720px; margin: 25px auto; text-align: center; }
.bajhi-affiliates .ba-earnings-gate h2 { font-size: 27px; }
.bajhi-affiliates .ba-earnings-gate p { color: var(--ba-muted); }
.bajhi-affiliates .ba-portal-shell { min-height: 300px; overflow: hidden; padding: 10px; border: 1px solid var(--ba-border); border-radius: 16px; background: rgba(19,23,21,.7); }
.bajhi-affiliates .ba-portal-shell #fa-customer-portal { color: #eaf0ec; }
.bajhi-affiliates .ba-portal-shell .fa-loading-wrapper { color: var(--ba-muted); }

.bajhi-affiliates .ba-auth-scrim { position: fixed; z-index: 99998; inset: 0; background: rgba(4,7,5,.66); backdrop-filter: blur(4px); }
.bajhi-affiliates .ba-auth-drawer { position: fixed; z-index: 99999; top: 0; right: 0; display: flex; width: min(440px, 94vw); height: 100vh; flex-direction: column; justify-content: center; padding: 38px; border-left: 1px solid var(--ba-border); color: var(--ba-text); background: #151a17; box-shadow: -25px 0 70px rgba(0,0,0,.34); transform: translateX(105%); transition: transform .24s ease; }
.bajhi-affiliates .ba-auth-drawer.is-open { transform: translateX(0); }
.bajhi-affiliates .ba-auth-drawer h2 { margin: 10px 0 22px; font-family: "Manrope",sans-serif; font-size: 28px; font-weight: 600; line-height: 1.15; }
.bajhi-affiliates .ba-close { position: absolute; top: 19px; right: 20px; width: 35px; height: 35px; border: 1px solid var(--ba-border); border-radius: 10px; color: #dce6de; background: transparent; font-size: 22px; }
.bajhi-affiliates .ba-login-form form { display: grid; gap: 13px; }
.bajhi-affiliates .ba-login-form label { display: block; margin-bottom: 5px; color: #bdc8c0; font-size: 11px; }
.bajhi-affiliates .ba-login-form input[type="text"],
.bajhi-affiliates .ba-login-form input[type="password"] { width: 100%; min-height: 43px; padding: 0 11px; border: 1px solid var(--ba-border); border-radius: 9px; color: #edf2ee; background: rgba(255,255,255,.03); }
.bajhi-affiliates .ba-login-form input[type="submit"] { min-height: 43px; padding: 0 16px; border: 0; border-radius: 9px; color: #111a14; background: var(--ba-mint); font-size: 12px; font-weight: 700; cursor: pointer; }
.bajhi-affiliates .ba-login-form p { margin: 0; }
.bajhi-affiliates .ba-auth-links { display: flex; justify-content: space-between; gap: 12px; margin-top: 15px; color: var(--ba-muted); font-size: 11px; }
.bajhi-affiliates .ba-auth-links a:hover { color: var(--ba-mint); }

@media (max-width: 850px) {
    .bajhi-affiliates .ba-member-overview { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .bajhi-affiliates .ba-hero.ba-member-hero { grid-template-columns: 1fr; }
    .bajhi-affiliates .ba-member-rewards-panel { grid-template-columns: 1fr; }
    .bajhi-affiliates .ba-material-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .bajhi-affiliates .ba-product-actions { grid-template-columns: minmax(0,1fr) auto auto; }
    .bajhi-affiliates .ba-product-share { gap: 3px; }
    .bajhi-affiliates .ba-product-share a,.bajhi-affiliates .ba-product-share .wd-social-icon { width: 27px; height: 27px; }
    .bajhi-affiliates .ba-action-button { padding: 0 8px; }
    .bajhi-affiliates .ba-copy-row .ba-copy-button { min-width: 0; width: 100%; }
    .bajhi-affiliates .ba-visual-modal { padding: 21px 16px; }
    .bajhi-affiliates .ba-visual-modal form { grid-template-columns: 1fr; }
    .bajhi-affiliates .ba-visual-modal form button { grid-column: auto; }
    .bajhi-affiliates .ba-member-overview { gap: 8px; }
    .bajhi-affiliates .ba-member-overview article { padding: 10px; }
    .bajhi-affiliates .ba-level-head { flex-direction: column; }
}

@media (max-width: 850px) {
    .bajhi-affiliates .ba-topbar { flex-wrap: wrap; gap: 0 17px; padding-top: 10px; }
    .bajhi-affiliates .ba-brand { margin-right: auto; }
    .bajhi-affiliates .ba-user-chip,
    .bajhi-affiliates .ba-button-quiet { margin-left: 0; }
    .bajhi-affiliates .ba-nav { order: 3; width: 100%; height: 48px; gap: 21px; overflow-x: auto; }
    .bajhi-affiliates .ba-hero { grid-template-columns: 1fr; gap: 20px; }
    .bajhi-affiliates .ba-hero-orbit { top: 23px; right: 5%; opacity: .45; }
    .bajhi-affiliates .ba-member-hero { grid-template-columns: 1fr; }
    .bajhi-affiliates .ba-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .bajhi-affiliates .ba-application-layout { grid-template-columns: 1fr; }
    .bajhi-affiliates .ba-benefits { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .bajhi-affiliates { font-size: 14px; }
    .bajhi-affiliates .ba-topbar { min-height: 60px; }
    .bajhi-affiliates .ba-nav { gap: 16px; }
    .bajhi-affiliates .ba-nav button { font-size: 11px; }
    .bajhi-affiliates .ba-view { padding-top: 16px; }
    .bajhi-affiliates .ba-hero { min-height: 0; padding: 22px 18px; border-radius: 16px; }
    .bajhi-affiliates .ba-hero h1 { max-width: 330px; font-size: 30px; }
    .bajhi-affiliates .ba-hero-orbit { top: 13px; right: -52px; transform: scale(.75) rotate(-7deg); }
    .bajhi-affiliates .ba-hero-actions { align-items: flex-start; flex-direction: column; gap: 12px; }
    .bajhi-affiliates .ba-hero-foot { gap: 7px 13px; }
    .bajhi-affiliates .ba-member-hero { gap: 16px; }
    .bajhi-affiliates .ba-code-form { align-items: stretch; flex-direction: column; }
    .bajhi-affiliates .ba-copy-row { flex-direction: column; }
    .bajhi-affiliates .ba-copy-button { min-height: 37px; }
    .bajhi-affiliates .ba-section-heading { align-items: flex-start; flex-direction: column; margin-top: 25px; }
    .bajhi-affiliates .ba-filter-row { width: 100%; }
    .bajhi-affiliates .ba-filter-row button { flex: 1; }
    .bajhi-affiliates .ba-product-grid { grid-template-columns: 1fr; gap: 11px; }
    .bajhi-affiliates .ba-product-image { height: 190px; }
    .bajhi-affiliates .ba-agency-intro { min-height: 0; align-items: flex-start; flex-direction: column; gap: 20px; padding: 23px 18px; }
    .bajhi-affiliates .ba-agency-callout { width: 100%; height: auto; grid-template-columns: auto auto 1fr; justify-items: start; padding: 13px; }
    .bajhi-affiliates .ba-agency-callout strong { font-size: 17px; }
    .bajhi-affiliates .ba-agency-callout > span:last-child { align-self: center; }
    .bajhi-affiliates .ba-benefits article { min-height: 57px; }
    .bajhi-affiliates .ba-application-layout { padding: 5px; }
    .bajhi-affiliates .ba-form-grid { grid-template-columns: 1fr; }
    .bajhi-affiliates .ba-form-grid .ba-field-wide { grid-column: auto; }
    .bajhi-affiliates .ba-auth-drawer { padding: 27px 21px; }
    .bajhi-affiliates .ba-auth-links { flex-direction: column; }
}