/* Creator program only. No homepage or shared component overrides. */
.creators-page { padding-top: 0; }
.creators-sections { max-width: 1600px; padding-bottom: 110px; }
.creators-hero { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 80px; margin: 64px 0; padding: 58px 0; border-top: 1px solid rgba(159,179,255,.2); border-bottom: 1px solid rgba(159,179,255,.2); }
.creators-eyebrow { margin: 0 0 18px; color: var(--accent); font-size: 12px; font-weight: 700; letter-spacing: 2px; }
.creators-hero h2 { margin: 0 0 26px; font-size: clamp(32px, 3.5vw, 62px); font-weight: 900; line-height: 1.12; letter-spacing: -1.5px; overflow-wrap: anywhere; }
.creators-hero h2 span, .creators-section-heading h2 span { color: var(--accent); }
.creators-lead { margin: 0 0 12px; max-width: 560px; font-size: 20px; font-weight: 600; line-height: 1.5; }
.creators-description { margin: 0; max-width: 540px; color: var(--text-muted); font-size: 16px; line-height: 1.8; }
.creators-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 32px; }
.creators-button { display: inline-flex; align-items: center; justify-content: center; gap: 28px; min-height: 52px; padding: 14px 26px; border: 0; border-radius: 6px; background: #5a6bff; color: #fff; font: 700 14px "Poppins", "Segoe UI", sans-serif; cursor: pointer; transition: background-color .2s ease, transform .2s ease; }
.creators-button span, .creators-text-link span { font-size: 20px; line-height: 1; }
.creators-button:hover { background: #6d7cff; transform: translateY(-2px); }
.creators-text-link { display: inline-flex; align-items: center; gap: 12px; padding: 8px 0; font-size: 14px; font-weight: 600; color: var(--accent); }
.creators-text-link:hover { color: #fff; }
.creators-button:focus-visible, .creators-text-link:focus-visible, .creators-privacy a:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.creators-partners { padding-top: 56px; }
.creators-partners, .creators-join { scroll-margin-top: 110px; }
.creators-section-heading { margin-bottom: 32px; }
.creators-section-heading h2 { margin: 0; font-size: clamp(24px, 2.4vw, 38px); font-weight: 800; line-height: 1.2; }
.creators-partner-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.creator-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 12px; border: 1px solid rgba(159,179,255,.16); background: #0c1128; }
.creator-card-photo { position: relative; flex-shrink: 0; aspect-ratio: 16 / 9; overflow: hidden; background: #131639; }
.creator-card-photo::after { content: ""; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent, rgba(0,2,26,.7)); pointer-events: none; }
.creator-card-image { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .4s ease; }
.creator-card:hover .creator-card-image { transform: scale(1.025); }
.creator-card-badge { position: absolute; z-index: 1; bottom: 20px; left: 24px; right: 24px; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 1.4px; }
.creator-card-content { display: flex; flex: 1; flex-direction: column; padding: 28px; }
.creator-card-content .creators-text-link { align-self: flex-start; }
.creator-platform { color: var(--accent); font-size: 11px; font-weight: 700; letter-spacing: 1.8px; }
.creator-card-content h3 { margin: 4px 0 10px; font-size: 34px; font-weight: 800; line-height: 1.3; }
.creator-card-content p { flex: 1; margin: 0 0 18px; max-width: 530px; color: var(--text-muted); font-size: 15px; line-height: 1.6; }
.creators-eligibility h2, .creators-benefits h2 { margin: 0 0 20px; font-size: 28px; font-weight: 700; line-height: 1.3; letter-spacing: 0; }
.creators-eligibility > p:not(.creators-eyebrow) { margin: 0; color: var(--text-muted); font-size: 15px; line-height: 1.9; }
.creators-platforms { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 24px 0 0; padding: 0; }
.creators-platforms li { padding: 7px 13px; border: 1px solid rgba(159,179,255,.2); border-radius: 6px; color: var(--text-light); font-size: 12px; font-weight: 600; }
.creators-benefits ul { margin: 0; padding: 0; list-style: none; }
.creators-benefits li { display: flex; align-items: center; gap: 16px; padding: 14px 0; border-bottom: 1px solid rgba(159,179,255,.12); font-size: 15px; }
.creators-benefits li:last-child { border-bottom: 0; }
.creators-benefits li span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; height: 24px; border-radius: 50%; background: rgba(159,179,255,.12); color: var(--accent); font-size: 13px; }
.creators-join { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 80px; }
.creators-form-column, .creators-field { min-width: 0; }
.creators-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; }
.creators-field--wide { grid-column: 1 / -1; }
.creators-field label { display: block; margin-bottom: 8px; color: var(--text-muted); font-size: 12px; font-weight: 600; }
.creators-field input, .creators-field select, .creators-field textarea { width: 100%; border: 1px solid #9fb3ff; border-radius: 8px; background: #fff; color: #060711; font-family: inherit; font-size: 16px; font-weight: 600; outline: none; transition: border-color .2s ease, box-shadow .2s ease; }
.creators-field input, .creators-field select { height: 54px; padding: 0 14px; }
.creators-field textarea { display: block; min-height: 150px; padding: 14px; resize: vertical; }
.creators-field textarea.creators-channels { min-height: 94px; }
.creators-field input:focus, .creators-field select:focus, .creators-field textarea:focus { border-color: #5a6bff; box-shadow: 0 0 0 3px rgba(168,190,255,.5); }
.creators-submit { width: 100%; margin-top: 28px; }
.creators-privacy { margin: 16px 0 0; color: var(--text-muted); font-size: 12px; line-height: 1.7; text-align: center; }
.creators-privacy a { color: var(--accent); text-decoration: underline; }
.creators-notice { margin-bottom: 20px; padding: 16px; border: 1px solid #5a6bff; border-radius: 8px; background: #0c1128; font-size: 14px; }
.creators-notice--error { border-color: #9fb3ff; }
.creators-notice ul { margin: 0; padding-left: 20px; }
@media (max-width: 1100px) {
  .creators-hero, .creators-join { gap: 40px; }
}
@media (max-width: 768px) {
  .creators-sections { padding-bottom: 70px; }
  .creators-partners { padding-top: 40px; }
  .creators-hero { grid-template-columns: 1fr; gap: 36px; margin: 48px 0; padding: 40px 0; }
  .creators-hero h2 { font-size: clamp(27px, 6.9vw, 44px); letter-spacing: -.8px; }
  .creators-lead { font-size: 18px; }
  .creators-actions { gap: 14px 22px; }
  .creators-eyebrow { font-size: 10px; letter-spacing: 1.6px; }
  .creators-partner-grid, .creators-join { grid-template-columns: 1fr; }
  .creator-card-content { padding: 24px; }
  .creator-card-content h3 { font-size: 30px; }
  .creators-eligibility h2, .creators-benefits h2 { font-size: 24px; letter-spacing: 0; }
  .creators-join { gap: 30px; }
  .creators-partners, .creators-join { scroll-margin-top: 90px; }
}
@media (max-width: 480px) {
  .creators-form-grid { grid-template-columns: 1fr; }
  .creator-card-badge { left: 20px; right: 20px; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .creators-button, .creator-card-image, .creators-field input, .creators-field select, .creators-field textarea { transition: none; }
  .creator-card:hover .creator-card-image, .creators-button:hover { transform: none; }
}