.creator-page {
    padding: 18px 0 42px;
    color: var(--color-ink);
}

.creator-container {
    width: min(calc(100% - 40px), 1220px);
    margin-inline: auto;
}

.creator-breadcrumbs { display: flex; align-items: center; gap: 9px; margin: 0 0 18px; color: var(--color-muted); font-size: .84rem; }
.creator-breadcrumbs a { color: inherit; text-decoration: none; }
.creator-breadcrumbs a:hover { color: var(--color-primary-dark); text-decoration: underline; }
.creator-breadcrumbs .bi { font-size: .68rem; }
.creator-breadcrumbs [aria-current="page"] { color: var(--color-ink); font-weight: 650; }

.creator-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr);
    align-items: center;
    gap: clamp(28px, 5vw, 68px);
    padding: clamp(24px, 4vw, 48px);
    overflow: hidden;
    border: 1px solid var(--color-line);
    border-radius: 24px;
    background: linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-soft) 100%);
    box-shadow: var(--color-shadow);
}

.creator-hero__copy { min-width: 0; }
.creator-eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; color: var(--color-primary-dark); font-size: .72rem; font-weight: 800; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.creator-hero h1 { max-width: 620px; margin: 0; font-size: clamp(2.4rem, 3.8vw, 3.5rem); font-weight: 820; letter-spacing: -.055em; line-height: 1.02; }
.creator-hero h1 span { color: var(--color-primary-dark); }
.creator-hero__lead { max-width: 590px; margin: 18px 0 0; color: var(--color-muted); font-size: clamp(1rem, 1.4vw, 1.14rem); line-height: 1.65; }
.creator-hero__actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 24px; }
.creator-button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 9px; padding: 9px 16px; border: 1px solid transparent; border-radius: 9px; font: inherit; font-size: .91rem; font-weight: 750; line-height: 1.3; text-decoration: none; cursor: pointer; transition: transform .16s ease, background-color .16s ease, border-color .16s ease; }
.creator-button:hover { transform: translateY(-1px); }
.creator-button--primary { background: #ffd34f; color: #263044; }
.creator-button--primary:hover { background: #ffca2f; }
.creator-button--secondary { border-color: var(--color-line); background: var(--color-surface); color: var(--color-ink); }
.creator-button--secondary:hover { border-color: var(--color-primary); }
.creator-trust-list { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 19px 0 0; padding: 0; color: var(--color-muted); font-size: .82rem; list-style: none; }
.creator-trust-list li { display: inline-flex; align-items: center; gap: 6px; }
.creator-trust-list i { color: #27856f; }
.creator-hero__visual { position: relative; min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(26, 46, 73, .09); border-radius: 18px; background: #dce8e7; box-shadow: 0 18px 38px rgba(35, 57, 78, .14); }
.creator-hero__visual img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; }
.creator-hero__visual figcaption { position: absolute; right: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid rgba(255,255,255,.55); border-radius: 999px; background: rgba(255,255,255,.91); color: #29364b; font-size: .76rem; font-weight: 700; box-shadow: 0 5px 16px rgba(20, 37, 57, .12); }

.creator-section { padding-top: clamp(24px, 3vw, 34px); }
.creator-section__heading { max-width: 690px; margin: 0 auto 14px; text-align: center; }
.creator-section__heading .creator-eyebrow { justify-content: center; }
.creator-section__heading h2, .creator-conditions h2 { margin: 0; font-size: clamp(1.75rem, 3vw, 2.45rem); font-weight: 790; letter-spacing: -.04em; line-height: 1.12; }
.creator-section__heading > p:last-child, .creator-conditions__heading > p:last-child { margin: 8px 0 0; color: var(--color-muted); line-height: 1.55; }
.creator-examples { padding-top: 20px; }
.creator-examples .creator-section__heading { max-width: 760px; margin-bottom: 16px; }
.creator-example-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(176px, 1fr)); gap: 12px; }
.creator-example-card { position: relative; min-width: 0; min-height: 176px; overflow: hidden; isolation: isolate; border: 1px solid var(--color-line); border-radius: 15px; background: var(--color-surface-soft); transition: transform .2s ease, box-shadow .2s ease; }
.creator-example-card--featured { grid-column: 1 / 3; grid-row: 1 / 3; min-height: 364px; }
.creator-example-card--presentations { grid-column: 3; grid-row: 1; }
.creator-example-card--games { grid-column: 4; grid-row: 1; }
.creator-example-card--plans { grid-column: 3 / 5; grid-row: 2; }
.creator-example-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(30, 47, 68, .16); }
.creator-example-card::after { position: absolute; z-index: 0; inset: 0; background: linear-gradient(180deg, rgba(11, 22, 38, .02) 22%, rgba(11, 22, 38, .78) 100%); content: ""; pointer-events: none; }
.creator-example-card > img { position: absolute; z-index: -1; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.creator-example-card:hover > img { transform: scale(1.035); }
.creator-example-card__content { position: absolute; z-index: 1; inset: auto 0 0; padding: 15px 17px 16px; color: #fff; }
.creator-example-card--featured .creator-example-card__content { padding: 22px 24px 24px; }
.creator-example-card h3 { margin: 0; color: inherit; font-size: 1rem; font-weight: 760; letter-spacing: -.02em; }
.creator-example-card--featured h3 { font-size: clamp(1.35rem, 2.2vw, 1.8rem); }
.creator-example-card p { max-width: 580px; margin: 6px 0 0; color: rgba(255,255,255,.86); font-size: .82rem; line-height: 1.45; }
.creator-example-card--featured p { max-width: 500px; font-size: .9rem; }
.creator-example-note { margin: 8px 2px 0; color: var(--color-muted); font-size: .74rem; text-align: right; }
.creator-steps { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.creator-steps::before { position: absolute; top: 21px; left: 22px; right: calc(25% - 22px); height: 1px; background: var(--color-line); content: ""; }
.creator-steps li { position: relative; min-width: 0; padding: 0 10px 0 0; }
.creator-step__marker { position: relative; z-index: 1; display: flex; width: 44px; height: 44px; align-items: center; justify-content: center; margin-bottom: 11px; border: 1px solid var(--color-line); border-radius: 50%; background: var(--color-surface); color: var(--color-primary-dark); }
.creator-step__marker span { position: absolute; top: -6px; right: -8px; padding: 1px 4px; border-radius: 4px; background: var(--color-surface); color: var(--color-muted); font-size: .58rem; font-weight: 750; }
.creator-step__marker i { font-size: 1.08rem; }
.creator-steps h3 { margin: 0; font-size: .98rem; }
.creator-steps p { max-width: 260px; margin: 5px 0 0; color: var(--color-muted); font-size: .81rem; line-height: 1.45; }

.creator-opportunity { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: 18px 36px; align-items: center; margin-top: 32px; padding: clamp(22px, 3vw, 32px); border: 1px solid var(--color-line); border-radius: 18px; background: var(--color-surface-soft); }
.creator-opportunity__main { max-width: 680px; }
.creator-opportunity h2 { margin: 0; font-size: clamp(1.65rem, 2.7vw, 2.2rem); font-weight: 790; letter-spacing: -.04em; line-height: 1.12; }
.creator-opportunity__main > p:not(.creator-eyebrow) { margin: 10px 0 0; color: var(--color-muted); font-size: .92rem; line-height: 1.55; }
.creator-opportunity__main > a { display: inline-flex; align-items: center; gap: 7px; margin-top: 12px; color: var(--color-primary-dark); font-size: .86rem; font-weight: 700; text-decoration: none; }
.creator-opportunity__main > a:hover { text-decoration: underline; }
.creator-opportunity__terms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 20px; }
.creator-opportunity__terms article { display: flex; flex-direction: column; gap: 3px; padding: 4px 0 5px 13px; border-left: 2px solid var(--color-primary); }
.creator-opportunity__terms strong { color: var(--color-ink); font-size: 1.16rem; letter-spacing: -.025em; }
.creator-opportunity__terms span { color: var(--color-muted); font-size: .76rem; line-height: 1.35; }
.creator-opportunity__terms > p { grid-column: 1 / -1; margin: 3px 0 0; color: var(--color-muted); font-size: .78rem; line-height: 1.45; }
.creator-opportunity__categories { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(190px, .45fr) minmax(0, 1.55fr); gap: 12px 24px; align-items: center; padding-top: 16px; border-top: 1px solid var(--color-line); }
.creator-opportunity__categories .creator-eyebrow { margin-bottom: 4px; font-size: .64rem; }
.creator-opportunity__categories h3 { margin: 0; font-size: 1.02rem; }
.creator-category-list { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.creator-category-list li { display: inline-flex; align-items: center; gap: 7px; min-width: 0; padding: 6px 10px; border: 1px solid var(--color-line); border-radius: 999px; background: var(--color-surface); color: var(--color-ink); font-size: .76rem; font-weight: 620; line-height: 1.25; }
.creator-category-list i { flex: 0 0 auto; color: var(--color-primary-dark); font-size: .86rem; }

.creator-conditions { display: grid; grid-template-columns: minmax(210px, .62fr) minmax(0, 1.38fr); gap: 18px 36px; align-items: start; margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--color-line); }
.creator-conditions__heading .creator-eyebrow { margin-bottom: 8px; }
.creator-conditions__heading > p:last-child { max-width: 330px; }
.creator-condition-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px 20px; margin: 0; padding: 4px 0 0; list-style: none; }
.creator-condition-list li { display: flex; align-items: flex-start; gap: 8px; color: var(--color-muted); font-size: .82rem; line-height: 1.4; }
.creator-condition-list li > i { flex: 0 0 auto; margin-top: 2px; color: #27856f; font-size: .88rem; }
.creator-condition-list span { display: grid; gap: 3px; }
.creator-condition-list strong { color: var(--color-ink); font-size: .84rem; }
.creator-condition-list small { color: var(--color-muted); font-size: .77rem; line-height: 1.4; }

.creator-faq { max-width: 900px; margin: 0 auto; padding-top: 38px; }
.creator-faq .creator-section__heading { margin-bottom: 13px; }
.creator-faq__list { border-top: 1px solid var(--color-line); }
.creator-faq details { border-bottom: 1px solid var(--color-line); }
.creator-faq summary { position: relative; padding: 17px 36px 17px 2px; color: var(--color-ink); font-weight: 700; cursor: pointer; list-style: none; }
.creator-faq summary::-webkit-details-marker { display: none; }
.creator-faq summary::after { position: absolute; top: 16px; right: 5px; color: var(--color-primary-dark); content: "+"; font-size: 1.25rem; font-weight: 500; }
.creator-faq details[open] summary::after { content: "−"; }
.creator-faq details p { max-width: 760px; margin: -3px 0 17px; color: var(--color-muted); font-size: .91rem; line-height: 1.65; }

.creator-final-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 38px; padding: 24px 0 0; border-top: 1px solid var(--color-line); color: var(--color-ink); }
.creator-final-cta .creator-eyebrow { margin-bottom: 7px; }
.creator-final-cta h2 { max-width: 660px; margin: 0; font-size: clamp(1.45rem, 2.3vw, 1.9rem); letter-spacing: -.035em; line-height: 1.16; }
.creator-final-cta p:last-child { max-width: 660px; margin: 7px 0 0; color: var(--color-muted); font-size: .9rem; }
.creator-final-cta .creator-button { flex: 0 0 auto; }
.creator-final-cta small { display: block; margin-top: 7px; color: var(--color-muted); font-size: .76rem; line-height: 1.45; }

.creator-terms-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--color-primary-dark);
    font: inherit;
    font-weight: 750;
    text-align: left;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    cursor: pointer;
}
.creator-terms-link:hover { color: var(--color-primary); }
.creator-terms-link:focus-visible, .creator-terms-dialog button:focus-visible { outline: 3px solid #75aefb; outline-offset: 3px; }

.creator-terms-dialog {
    width: min(1240px, calc(100vw - 48px));
    max-width: none;
    height: min(92dvh, 1040px);
    max-height: calc(100dvh - 32px);
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--color-line);
    border-radius: 18px;
    background: var(--color-surface);
    color: var(--color-ink);
    box-shadow: 0 24px 80px rgba(5, 18, 38, .34);
}
.creator-terms-dialog[open] { display: flex; flex-direction: column; }
.creator-terms-dialog::backdrop { background: rgba(3, 12, 25, .72); backdrop-filter: blur(4px); }
.creator-terms-dialog__panel { display: flex; min-height: 0; flex: 1; flex-direction: column; }
.creator-terms-dialog__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 20px 24px 16px; border-bottom: 1px solid var(--color-line); }
.creator-terms-dialog__header .creator-eyebrow { margin-bottom: 6px; }
.creator-terms-dialog__header h2 { margin: 0; font-size: clamp(1.15rem, 2.5vw, 1.45rem); font-weight: 780; letter-spacing: -.025em; }
.creator-terms-dialog__header p:last-child { margin: 5px 0 0; color: var(--color-muted); font-size: .86rem; line-height: 1.45; }
.creator-terms-dialog__close { display: grid; width: 36px; height: 36px; flex: 0 0 auto; place-items: center; border: 1px solid var(--color-line); border-radius: 10px; background: var(--color-surface-soft); color: var(--color-ink); }
.creator-terms-dialog__close:hover { border-color: var(--color-primary); color: var(--color-primary-dark); }
.creator-terms-dialog__document { display: block; width: 100%; min-height: 0; flex: 1; border: 0; background: var(--color-surface-soft); }
.creator-terms-dialog__footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 11px 20px; border-top: 1px solid var(--color-line); color: var(--color-muted); font-size: .8rem; }
.creator-terms-dialog__footer > span { display: inline-flex; align-items: center; gap: 7px; }
.creator-terms-dialog__footer .creator-button { min-height: 36px; padding: 7px 13px; }
[data-theme="dark"] .creator-terms-link { color: #a9caff; }
[data-theme="dark"] .creator-terms-link:hover { color: #d0e2ff; }
[data-theme="dark"] .creator-terms-dialog { border-color: rgba(137, 174, 222, .28); background: #10233d; }
[data-theme="dark"] .creator-terms-dialog__header, [data-theme="dark"] .creator-terms-dialog__footer { border-color: rgba(137, 174, 222, .2); }
[data-theme="dark"] .creator-terms-dialog__close { border-color: rgba(137, 174, 222, .3); background: #172f4e; color: #e8f1ff; }
[data-theme="dark"] .creator-terms-dialog__document { background: #10233d; }

@media (max-width: 650px) {
    .creator-terms-dialog { width: calc(100vw - 16px); height: calc(100dvh - 16px); max-height: calc(100dvh - 16px); border-radius: 14px; }
    .creator-terms-dialog__header { padding: 15px 15px 12px; }
    .creator-terms-dialog__header p:last-child { font-size: .8rem; }
    .creator-terms-dialog__footer { padding: 9px 13px; }
}

@media (max-width: 1000px) {
    .creator-container { width: min(calc(100% - 30px), var(--public-content-container)); }
    .creator-hero { grid-template-columns: minmax(0, 1fr) minmax(300px, .9fr); gap: 28px; padding: 30px; }
    .creator-example-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: minmax(190px, auto); }
    .creator-example-card, .creator-example-card--featured { grid-column: auto; grid-row: auto; min-height: 190px; }
    .creator-example-card--featured, .creator-example-card--plans { grid-column: 1 / -1; }
    .creator-example-card--featured { min-height: 250px; }
    .creator-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .creator-steps::before { display: none; }
    .creator-opportunity { grid-template-columns: 1fr 1fr; }
    .creator-opportunity__categories { grid-template-columns: 1fr; gap: 10px; }
    .creator-conditions { grid-template-columns: 1fr; gap: 13px; }
    .creator-condition-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
    .creator-page { padding: 15px 0 42px; }
    .creator-container { width: min(calc(100% - 28px), var(--public-content-container)); }
    .creator-breadcrumbs { margin-bottom: 12px; }
    .creator-hero { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 22px 19px 18px; border-radius: 17px; }
    .creator-hero h1 { font-size: clamp(2.15rem, 10vw, 3rem); }
    .creator-hero__lead { margin-top: 13px; font-size: .98rem; }
    .creator-hero__actions { margin-top: 19px; }
    .creator-button { min-height: 40px; padding: 9px 13px; }
    .creator-trust-list { display: grid; gap: 6px 12px; margin-top: 13px; }
    .creator-hero__visual img { aspect-ratio: 4 / 3; object-position: center; }
    .creator-hero__visual figcaption { right: 8px; bottom: 8px; padding: 6px 9px; font-size: .68rem; }
    .creator-examples { padding-top: 16px; }
    .creator-section { padding-top: 23px; }
    .creator-section__heading { margin-bottom: 12px; }
    .creator-example-grid { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-rows: 190px; gap: 9px; }
    .creator-example-card, .creator-example-card--featured, .creator-example-card--presentations, .creator-example-card--games, .creator-example-card--plans { grid-column: 1; grid-row: auto; min-height: 0; }
    .creator-example-card--featured { min-height: 220px; }
    .creator-example-card__content, .creator-example-card--featured .creator-example-card__content { padding: 13px 15px 14px; }
    .creator-example-card h3, .creator-example-card--featured h3 { font-size: 1rem; }
    .creator-example-card p, .creator-example-card--featured p { max-width: 520px; font-size: .8rem; }
    .creator-example-note { text-align: left; }
    .creator-steps { grid-template-columns: 1fr; gap: 0; padding-left: 3px; }
    .creator-steps::before { display: block; top: 22px; bottom: 22px; left: 21px; right: auto; width: 1px; height: auto; }
    .creator-steps li { display: grid; grid-template-columns: 46px minmax(0, 1fr); column-gap: 12px; padding: 0 0 16px; }
    .creator-step__marker { grid-column: 1; grid-row: 1 / span 2; width: 40px; height: 40px; margin: 0; }
    .creator-step__marker span { top: -4px; right: -9px; }
    .creator-steps h3 { align-self: end; font-size: .94rem; }
    .creator-steps p { grid-column: 2; max-width: none; margin-top: 3px; font-size: .79rem; }
    .creator-opportunity { grid-template-columns: 1fr; gap: 15px; margin-top: 24px; padding: 19px 16px; }
    .creator-opportunity h2 { font-size: 1.65rem; }
    .creator-opportunity__main > p:not(.creator-eyebrow) { font-size: .86rem; }
    .creator-opportunity__terms { gap: 8px 14px; }
    .creator-opportunity__terms strong { font-size: 1.04rem; }
    .creator-opportunity__terms > p { font-size: .75rem; }
    .creator-opportunity__categories { gap: 10px; padding-top: 13px; }
    .creator-category-list { gap: 6px; }
    .creator-category-list li { padding: 6px 9px; font-size: .72rem; }
    .creator-conditions { gap: 12px; margin-top: 25px; padding-top: 17px; }
    .creator-condition-list { grid-template-columns: 1fr 1fr; gap: 12px 10px; }
    .creator-condition-list li { gap: 6px; }
    .creator-condition-list small { font-size: .73rem; }
    .creator-faq { padding-top: 31px; }
    .creator-faq summary { font-size: .9rem; }
    .creator-final-cta { align-items: flex-start; flex-direction: column; gap: 14px; margin-top: 28px; padding-top: 18px; }
}

@media (max-width: 390px) {
    .creator-example-grid { grid-auto-rows: 180px; }
    .creator-example-card--featured { min-height: 205px; }
    .creator-condition-list { grid-template-columns: 1fr; }
    .creator-hero__actions { align-items: stretch; flex-direction: column; }
    .creator-hero__actions .creator-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .creator-button, .creator-example-card, .creator-example-card > img, .primary-navigation__creator { transition: none; }
    .creator-button:hover, .creator-example-card:hover, .creator-example-card:hover > img, .primary-navigation__creator:hover { transform: none; }
}

/* Tema escuro: aproximação à composição editorial aprovada para Criadores. */
[data-theme="dark"] .creator-page {
    background:
        radial-gradient(ellipse at 88% 6%, rgba(28, 76, 137, .22), transparent 34%),
        linear-gradient(135deg, #08172b 0%, #0b1b31 52%, #09192d 100%);
}

[data-theme="dark"] .creator-hero {
    padding: 8px 12px 22px;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

[data-theme="dark"] .creator-hero__visual {
    border-color: rgba(139, 177, 232, .2);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .27);
}

[data-theme="dark"] .creator-steps {
    padding: 16px 18px 17px;
    border: 1px solid rgba(106, 153, 215, .3);
    border-radius: 14px;
    background: rgba(11, 29, 51, .42);
}

[data-theme="dark"] .creator-steps::before {
    top: 42px;
    left: 42px;
    right: calc(25% - 22px);
    background: linear-gradient(90deg, #3977c7, #315c96);
}

[data-theme="dark"] .creator-steps li { padding-inline: 6px; }

[data-theme="dark"] .creator-step__marker {
    width: 54px;
    height: 54px;
    margin-bottom: 12px;
    border-color: #4776ac;
    background: #0d2039;
    color: #83b5ff;
    box-shadow: 0 0 0 5px rgba(68, 119, 177, .08);
}

[data-theme="dark"] .creator-step__marker i { font-size: 1.35rem; }

[data-theme="dark"] .creator-step__marker span {
    top: 12px;
    right: -15px;
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    padding: 0;
    border: 2px solid #152b49;
    border-radius: 50%;
    background: #69a7f5;
    color: #07172b;
    font-size: .72rem;
}

[data-theme="dark"] .creator-steps li:nth-child(2) .creator-step__marker span { background: #8665e9; color: #fff; }
[data-theme="dark"] .creator-steps li:nth-child(3) .creator-step__marker span { background: #3bc987; color: #062518; }
[data-theme="dark"] .creator-steps li:nth-child(4) .creator-step__marker span { background: #ffd34f; color: #302407; }

[data-theme="dark"] .creator-opportunity {
    border-color: rgba(106, 153, 215, .31);
    background: linear-gradient(120deg, rgba(18, 43, 75, .98), rgba(17, 38, 67, .96));
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}

[data-theme="dark"] .creator-opportunity__main {
    padding-right: 22px;
    border-right: 1px solid rgba(106, 153, 215, .18);
}

[data-theme="dark"] .creator-opportunity__terms article {
    padding: 11px 12px;
    border: 1px solid rgba(106, 153, 215, .25);
    border-left: 2px solid #ffd34f;
    border-radius: 9px;
    background: rgba(7, 23, 43, .28);
}

[data-theme="dark"] .creator-opportunity__terms strong { color: #ffd34f; }
[data-theme="dark"] .creator-category-list li { background: rgba(8, 24, 44, .58); }

[data-theme="dark"] .creator-conditions {
    grid-template-columns: minmax(260px, .52fr) minmax(0, 1.48fr);
    gap: 14px 28px;
    margin-top: 25px;
    padding: 17px 4px 0;
    border-top-color: rgba(106, 153, 215, .23);
}

[data-theme="dark"] .creator-conditions h2 { font-size: clamp(1.55rem, 2.1vw, 1.8rem); }
[data-theme="dark"] .creator-condition-list { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
[data-theme="dark"] .creator-condition-list li > i { color: #50d6bd; }

[data-theme="dark"] .creator-final-cta {
    position: relative;
    overflow: hidden;
    margin-top: 26px;
    padding: 24px 28px;
    border: 1px solid #326ac0;
    border-radius: 20px;
    background:
        radial-gradient(ellipse at 4% 100%, rgba(47, 119, 218, .34), transparent 40%),
        linear-gradient(115deg, #102e5b 0%, #123a78 62%, #0d2a55 100%);
}

[data-theme="dark"] .creator-final-cta::after {
    position: absolute;
    top: -75px;
    right: -25px;
    width: 280px;
    height: 220px;
    border: 1px solid rgba(129, 177, 239, .15);
    border-radius: 48% 52% 42% 58%;
    box-shadow: 0 0 0 18px rgba(129, 177, 239, .035), 0 0 0 38px rgba(129, 177, 239, .025);
    content: "";
    pointer-events: none;
}

[data-theme="dark"] .creator-final-cta > * { position: relative; z-index: 1; }
[data-theme="dark"] .creator-final-cta p:last-child { color: #d1e0f5; }
[data-theme="dark"] .creator-final-cta small { color: #bdd0ed; }

@media (max-width: 1000px) {
    [data-theme="dark"] .creator-steps { padding: 14px; }
    [data-theme="dark"] .creator-conditions { grid-template-columns: 1fr; }
    [data-theme="dark"] .creator-conditions h2 { font-size: clamp(1.55rem, 3vw, 1.8rem); }
    [data-theme="dark"] .creator-condition-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
    [data-theme="dark"] .creator-hero { padding: 4px 0 18px; }
    [data-theme="dark"] .creator-steps { padding: 14px 12px 4px; }
    [data-theme="dark"] .creator-steps::before { top: 34px; bottom: 34px; left: 32px; right: auto; width: 1px; height: auto; }
    [data-theme="dark"] .creator-steps li { padding: 0 0 16px; }
    [data-theme="dark"] .creator-step__marker { width: 44px; height: 44px; }
    [data-theme="dark"] .creator-step__marker i { font-size: 1.12rem; }
    [data-theme="dark"] .creator-step__marker span { top: 9px; right: -14px; width: 26px; height: 26px; font-size: .65rem; }
    [data-theme="dark"] .creator-opportunity__main { padding-right: 0; border-right: 0; }
    [data-theme="dark"] .creator-condition-list { grid-template-columns: 1fr 1fr; }
    [data-theme="dark"] .creator-final-cta { padding: 20px 17px; }
}