:root{
  --ugc-ink:#111827;
  --ugc-ink-soft:#24324a;
  --ugc-muted:#667085;
  --ugc-line:#dde3ea;
  --ugc-surface:#ffffff;
  --ugc-canvas:#f5f3ed;
  --ugc-yellow:#ffd447;
  --ugc-yellow-deep:#f5b400;
  --ugc-blue:#5277ff;
  --ugc-success:#16835f;
  --ugc-danger:#c73747;
  --ugc-radius:18px;
  --ugc-shadow:0 24px 70px rgba(15,23,42,.16);
}

/* Shared interaction language */
.profile-onboarding-shell button,
.signup-shell button,
.payout-main button,
.creator-preview-modal button{
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease;
}
.profile-onboarding-shell button:hover:not(:disabled),
.signup-shell button:hover:not(:disabled),
.payout-main button:hover:not(:disabled),
.creator-preview-modal button:hover:not(:disabled){transform:translateY(-2px)}
.profile-onboarding-shell button:active:not(:disabled),
.signup-shell button:active:not(:disabled),
.payout-main button:active:not(:disabled),
.creator-preview-modal button:active:not(:disabled){transform:translateY(0)}
.profile-onboarding-shell :focus-visible,
.signup-shell :focus-visible,
.payout-main :focus-visible,
.creator-preview-modal :focus-visible{
  outline:3px solid rgba(82,119,255,.28)!important;
  outline-offset:3px;
}

/* Complete creator profile wizard */
body.profile-onboarding-open{background:#111827!important}
.profile-onboarding-overlay{
  overflow:clip!important;
  overscroll-behavior:none;
  padding:clamp(12px,2vw,30px)!important;
  background:
    radial-gradient(circle at 8% 8%,rgba(255,212,71,.24),transparent 23%),
    radial-gradient(circle at 92% 92%,rgba(82,119,255,.20),transparent 28%),
    rgba(10,17,30,.88)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
}
.profile-onboarding-overlay::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.17;
  background-image:radial-gradient(rgba(255,255,255,.85) .7px,transparent .7px);
  background-size:22px 22px;
}
.profile-onboarding-shell{
  position:relative;
  isolation:isolate;
  width:min(1220px,97vw)!important;
  max-height:94vh!important;
  grid-template-columns:minmax(285px,320px) minmax(0,1fr)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:32px!important;
  background:var(--ugc-canvas)!important;
  box-shadow:0 36px 120px rgba(0,0,0,.42)!important;
}
.profile-onboarding-side{
  position:sticky;
  top:0;
  align-self:start;
  min-height:94vh;
  overflow:hidden;
  padding:34px 28px!important;
  border:0!important;
  background:
    radial-gradient(circle at 12% 2%,rgba(255,212,71,.22),transparent 26%),
    radial-gradient(circle at 95% 96%,rgba(82,119,255,.25),transparent 31%),
    linear-gradient(160deg,#101827 0%,#17243b 60%,#152c46 100%)!important;
  color:#fff;
}
.profile-onboarding-side::before,
.profile-onboarding-side::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(1px);
}
.profile-onboarding-side::before{
  width:180px;height:180px;right:-110px;top:120px;
  border:1px solid rgba(255,212,71,.25);
  box-shadow:0 0 0 26px rgba(255,212,71,.035),0 0 0 54px rgba(255,212,71,.025);
}
.profile-onboarding-side::after{
  width:130px;height:130px;left:-76px;bottom:-50px;
  background:rgba(82,119,255,.16);
}
.profile-onboarding-brand{
  position:relative;
  z-index:1;
  color:#fff!important;
  font-size:30px!important;
  letter-spacing:-1.2px;
}
.profile-onboarding-brand span{color:var(--ugc-yellow)!important}
.profile-onboarding-kicker{
  position:relative;
  z-index:1;
  margin-top:32px!important;
  padding:7px 11px!important;
  color:#201700!important;
  background:var(--ugc-yellow)!important;
  box-shadow:0 8px 22px rgba(255,212,71,.18);
}
.profile-onboarding-side h2{
  position:relative;z-index:1;
  max-width:245px;
  margin:16px 0 11px!important;
  color:#fff!important;
  font-size:27px!important;
  line-height:1.08!important;
  letter-spacing:-.8px;
}
.profile-onboarding-side>p{
  position:relative;z-index:1;
  max-width:250px;
  color:#aebbd0!important;
  font-size:12px!important;
}
.profile-onboarding-steps{
  position:relative;
  z-index:1;
  gap:5px!important;
  margin-top:24px!important;
}
.profile-onboarding-steps::before{
  content:"";
  position:absolute;
  left:20px;
  top:18px;
  bottom:18px;
  width:1px;
  background:linear-gradient(#3b4a61,#30435f);
}
.profile-onboarding-step{
  position:relative;
  min-height:43px;
  padding:8px 10px!important;
  border:1px solid transparent;
  border-radius:14px!important;
  color:#8998af!important;
  font-size:11px!important;
  letter-spacing:.01em;
  transition:.22s ease!important;
}
.profile-onboarding-step i{
  position:relative;
  z-index:2;
  flex:0 0 27px;
  width:27px!important;height:27px!important;
  border:1px solid #3b4a61;
  border-radius:50%!important;
  background:#1b2a40!important;
  color:#93a1b5!important;
  box-shadow:0 0 0 4px #17243a;
}
.profile-onboarding-step.complete{color:#dce5f2!important}
.profile-onboarding-step.complete i{
  border-color:rgba(255,212,71,.6)!important;
  background:#2a3544!important;
  color:var(--ugc-yellow)!important;
}
.profile-onboarding-step.active{
  border-color:rgba(255,212,71,.24)!important;
  background:linear-gradient(90deg,rgba(255,212,71,.15),rgba(255,212,71,.055))!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 var(--ugc-yellow);
}
.profile-onboarding-step.active i{
  border-color:var(--ugc-yellow)!important;
  background:var(--ugc-yellow)!important;
  color:#151c29!important;
  box-shadow:0 0 0 5px rgba(255,212,71,.12)!important;
}
.profile-onboarding-main{
  min-width:0;
  padding:clamp(28px,4vw,48px)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,212,71,.15),transparent 25%),
    linear-gradient(180deg,#fbfaf7 0%,#f5f3ed 100%)!important;
}
.profile-onboarding-top{align-items:center!important}
.profile-onboarding-top .eyebrow{
  display:inline-flex;
  padding:6px 10px;
  border:1px solid #ebd983;
  border-radius:999px;
  background:#fff9dd;
  color:#755900!important;
}
.profile-onboarding-top h1{
  margin:12px 0 9px!important;
  max-width:760px;
  color:var(--ugc-ink)!important;
  font-size:clamp(30px,3.2vw,43px)!important;
  line-height:1.05!important;
  letter-spacing:-1.8px!important;
}
.profile-onboarding-top p{
  max-width:720px!important;
  color:var(--ugc-muted)!important;
  font-size:13px!important;
  line-height:1.65!important;
}
.profile-onboarding-progress{
  position:relative;
  height:12px!important;
  margin:24px 0 28px!important;
  padding:3px;
  border:1px solid #e0ded7;
  background:#ebe9e2!important;
  box-shadow:inset 0 1px 3px rgba(17,24,39,.08);
}
.profile-onboarding-progress span{
  border-radius:999px;
  background:linear-gradient(90deg,var(--ugc-yellow-deep),var(--ugc-yellow) 58%,#ffe88c)!important;
  box-shadow:0 2px 8px rgba(245,180,0,.26);
}
.profile-onboarding-form{
  gap:20px!important;
  max-width:900px;
  margin:0 auto;
}
.profile-onboarding-grid{gap:16px!important}
.profile-onboarding-form label{
  gap:8px!important;
  color:#344054!important;
  font-size:12px!important;
  line-height:1.35;
}
.profile-onboarding-form input,
.profile-onboarding-form select,
.profile-onboarding-form textarea{
  min-height:52px;
  border:1.5px solid var(--ugc-line)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.96)!important;
  padding:13px 15px!important;
  color:var(--ugc-ink)!important;
  font-size:13px!important;
  box-shadow:0 1px 2px rgba(16,24,40,.035),inset 0 1px 0 rgba(255,255,255,.8);
}
.profile-onboarding-form textarea{min-height:150px!important;line-height:1.6}
.profile-onboarding-form input:hover,
.profile-onboarding-form select:hover,
.profile-onboarding-form textarea:hover{border-color:#c4ccd7!important}
.profile-onboarding-form input:focus,
.profile-onboarding-form select:focus,
.profile-onboarding-form textarea:focus{
  border-color:var(--ugc-blue)!important;
  box-shadow:0 0 0 4px rgba(82,119,255,.12),0 8px 24px rgba(29,41,57,.06)!important;
}
.profile-onboarding-form select:disabled{
  color:#98a2b3!important;
  background:#efeee9!important;
}
.profile-character-count{
  width:max-content;
  justify-self:end;
  padding:4px 8px;
  border-radius:999px;
  background:#eceae4;
  color:#667085!important;
}
.required-star{color:var(--ugc-danger)!important}
.optional-label{
  display:inline-flex;
  padding:3px 7px;
  border-radius:999px;
  background:#edf0f5;
  color:#667085!important;
  font-size:9px!important;
}
.profile-onboarding-chips{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:11px!important;
}
.profile-onboarding-chip span{
  position:relative;
  justify-content:flex-start!important;
  min-height:54px!important;
  padding:12px 38px 12px 14px!important;
  border:1.5px solid var(--ugc-line)!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#475467!important;
  text-align:left;
}
.profile-onboarding-chip span::before{
  content:"";
  width:9px;height:9px;
  flex:0 0 9px;
  margin-right:8px;
  border-radius:50%;
  background:#d0d5dd;
}
.profile-onboarding-chip span::after{
  content:"✓";
  position:absolute;
  right:13px;
  display:grid;
  place-items:center;
  width:21px;height:21px;
  border:1px solid #d8dee7;
  border-radius:50%;
  color:transparent;
  font-size:11px;
}
.profile-onboarding-chip input:checked+span{
  border-color:var(--ugc-yellow-deep)!important;
  background:linear-gradient(135deg,#fffdf2,#fff6c9)!important;
  color:#372b04!important;
  box-shadow:0 9px 24px rgba(205,153,0,.10)!important;
}
.profile-onboarding-chip input:checked+span::before{background:var(--ugc-yellow-deep)}
.profile-onboarding-chip input:checked+span::after{
  border-color:var(--ugc-ink);
  background:var(--ugc-ink);
  color:#fff;
}
.profile-onboarding-note,
.creator-calendar-intro,
.creator-calendar-summary,
.creator-calendar-final-note{
  border:1px solid #cfe0ff!important;
  border-left:4px solid var(--ugc-blue)!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#f7faff,#eef4ff)!important;
  color:#465b7e!important;
  font-size:11px!important;
  line-height:1.65!important;
}
.display-name-guidance{border-left-color:var(--ugc-blue)!important}
.about-ai-assistant,
.profile-photo-enhancer{
  border:1px solid #d7dff7!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f8faff,#f1f4ff)!important;
  box-shadow:0 12px 32px rgba(82,119,255,.07)!important;
}
.about-ai-head button,
.profile-photo-enhance-btn{
  min-height:42px;
  border-radius:12px!important;
  background:var(--ugc-ink)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(17,24,39,.14);
}

/* Portfolio, social verification, profile photos */
.portfolio-entry,
.social-profile-entry,
.physical-characteristics-card,
.profile-photo-uploader{
  padding:18px!important;
  border:1px solid #e0ded7!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 10px 30px rgba(16,24,40,.045)!important;
}
.portfolio-entry h3,
.social-profile-entry h3,
.physical-characteristics-head h3,
.profile-photo-uploader-head strong{
  margin:0 0 12px!important;
  color:var(--ugc-ink)!important;
  font-size:16px!important;
  letter-spacing:-.3px;
}
.social-profile-preview{
  margin-top:10px;
  border-left-color:#9b78ff!important;
  background:linear-gradient(135deg,#faf8ff,#f3f0ff)!important;
}
.social-profile-preview a{color:#3d5bd4;font-weight:850}
.social-link-help-trigger{
  margin-top:10px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#3156c4!important;
  box-shadow:0 4px 14px rgba(49,86,196,.09)!important;
}
.profile-photo-uploader{grid-column:1/-1}
.profile-photo-slot{
  min-height:180px;
  border:1.5px dashed #cbd3df!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#fff,#f4f6fa)!important;
  color:#667085!important;
  overflow:hidden;
}
.profile-photo-slot:hover{
  border-color:var(--ugc-blue)!important;
  box-shadow:0 10px 28px rgba(82,119,255,.10);
}
.profile-photo-empty{font-size:30px!important;color:#8a95a6!important}
.profile-photo-empty small{font-size:10px!important;color:#667085!important}
.physical-characteristics-card{background:linear-gradient(180deg,#fff,#fbfaf7)!important}

/* Calendar and availability */
.creator-calendar-wrap{gap:20px!important}
.creator-calendar-timezone{gap:16px!important}
.creator-calendar-day{
  border:1.5px solid #e0ded7!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 6px 18px rgba(16,24,40,.035);
}
.creator-calendar-day[data-active="true"]{
  border-color:var(--ugc-yellow-deep)!important;
  background:linear-gradient(135deg,#fffef8,#fff9dc)!important;
  box-shadow:0 12px 28px rgba(205,153,0,.11)!important;
}
.creator-calendar-day-head{min-height:58px!important;padding:14px 16px!important}
.creator-calendar-day-main input{accent-color:var(--ugc-yellow-deep)!important}
.creator-calendar-day-status{padding:6px 10px!important}
.creator-calendar-day[data-active="true"] .creator-calendar-day-status{
  background:var(--ugc-ink)!important;
  color:#fff!important;
}
.creator-calendar-add,
.creator-preview-block-add{
  border:1px solid #d3dae5!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#344054!important;
}
.creator-calendar-btn,
.profile-onboarding-btn{
  min-height:46px!important;
  border-radius:13px!important;
  padding:11px 17px!important;
  font-size:11px!important;
}
.creator-calendar-btn.continue,
.profile-onboarding-btn.primary,
.profile-onboarding-btn.complete,
.social-next-btn{
  border:1px solid #101828!important;
  background:linear-gradient(135deg,#111827,#24324a)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(17,24,39,.18)!important;
}
.profile-onboarding-btn.secondary,
.creator-calendar-btn.back,
.social-back-btn{
  border:1px solid #d8dee7!important;
  background:#fff!important;
  color:#344054!important;
}
.profile-onboarding-btn.exit,
.creator-calendar-btn.exit,
.social-exit-btn{
  border:1px solid #ead5c4!important;
  background:#fff8f1!important;
  color:#9a4a17!important;
}
.profile-onboarding-actions,
.creator-calendar-actions{
  position:sticky;
  z-index:12;
  bottom:-48px;
  margin:6px -8px -26px!important;
  padding:18px 8px 22px!important;
  border-top:1px solid rgba(221,227,234,.8)!important;
  background:linear-gradient(180deg,rgba(245,243,237,.35),rgba(245,243,237,.98) 28%)!important;
  backdrop-filter:blur(12px);
}
.profile-onboarding-error,
.creator-calendar-error{
  min-height:19px!important;
  color:var(--ugc-danger)!important;
  font-size:11px!important;
}

/* Preview, edit, submit and confirmation */
#creatorProfileOnboarding .creator-preview-wrap{gap:18px!important}
#creatorProfileOnboarding .creator-preview-hero{
  padding:26px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 92% 4%,rgba(255,212,71,.32),transparent 29%),
    linear-gradient(140deg,#101827,#1c2b45 60%,#253c5a)!important;
  box-shadow:0 24px 54px rgba(17,24,39,.22)!important;
}
#creatorProfileOnboarding .creator-preview-hero::before{
  content:"Ready to submit";
  display:inline-flex;
  margin-bottom:12px;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#dce4f0;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
#creatorProfileOnboarding .creator-preview-hero::after{
  width:280px!important;height:280px!important;
  background:rgba(255,212,71,.14)!important;
}
#creatorProfileOnboarding .creator-preview-hero h2{font-size:28px!important;color:#fff!important}
#creatorProfileOnboarding .creator-preview-hero p{font-size:11px!important;color:#c8d3e2!important}
#creatorProfileOnboarding .creator-preview-badge{
  background:var(--ugc-yellow)!important;
  color:#1d2430!important;
}
#creatorProfileOnboarding .creator-preview-photo{
  border:2px solid rgba(255,255,255,.22)!important;
  border-radius:18px!important;
  background:#253650!important;
  box-shadow:0 12px 25px rgba(0,0,0,.2);
}
#creatorProfileOnboarding .creator-preview-grid{gap:14px!important}
#creatorProfileOnboarding .creator-preview-card{
  padding:18px!important;
  border:1px solid #e0ded7!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 10px 30px rgba(16,24,40,.045)!important;
}
#creatorProfileOnboarding .creator-preview-card-head{border-bottom-color:#ebe8df!important}
#creatorProfileOnboarding .creator-preview-card-head h3{font-size:15px!important;color:var(--ugc-ink)!important}
#creatorProfileOnboarding .creator-preview-edit{
  border:1px solid #d8dee7!important;
  border-radius:10px!important;
  background:#f8f9fb!important;
  color:#344054!important;
}
#creatorProfileOnboarding .creator-preview-field span{color:#8c96a5!important}
#creatorProfileOnboarding .creator-preview-field strong,
#creatorProfileOnboarding .creator-preview-field p{font-size:11px!important;color:#344054!important}
#creatorProfileOnboarding .creator-preview-tags i{
  padding:6px 9px!important;
  background:#f0f2f5!important;
  color:#475467!important;
}
#creatorProfileOnboarding .creator-preview-confirm{
  padding:19px!important;
  border:1px solid #ead36b!important;
  border-left:5px solid var(--ugc-yellow-deep)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fffdf4,#fff6c8)!important;
}
#creatorProfileOnboarding .creator-preview-submit{
  min-height:50px!important;
  padding:13px 22px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#111827,#25344d)!important;
  color:#fff!important;
  font-size:11px!important;
  box-shadow:0 13px 28px rgba(17,24,39,.2)!important;
}
.creator-preview-modal{
  background:rgba(9,15,26,.78)!important;
  backdrop-filter:blur(10px)!important;
}
.creator-preview-modal-card{
  padding:24px!important;
  border:1px solid rgba(255,255,255,.5)!important;
  border-radius:24px!important;
  background:#fbfaf7!important;
  box-shadow:0 35px 100px rgba(0,0,0,.38)!important;
}
.creator-preview-editor-grid input,
.creator-preview-editor-grid select,
.creator-preview-editor-grid textarea{
  min-height:48px;
  border:1.5px solid var(--ugc-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  font-size:12px!important;
}
.creator-preview-editor-save{
  background:var(--ugc-ink)!important;
  color:#fff!important;
}
.profile-complete-overlay{
  background:
    radial-gradient(circle at 50% 22%,rgba(255,212,71,.21),transparent 28%),
    rgba(8,14,25,.82)!important;
  backdrop-filter:blur(12px)!important;
}
.profile-complete-card{
  position:relative;
  overflow:hidden;
  padding:38px!important;
  border:1px solid rgba(255,255,255,.75);
  border-radius:30px!important;
  background:linear-gradient(180deg,#fff,#faf8f1)!important;
  box-shadow:0 36px 110px rgba(0,0,0,.4)!important;
}
.profile-complete-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:7px;
  background:linear-gradient(90deg,var(--ugc-yellow-deep),var(--ugc-yellow),#ffeaa0);
}
.profile-complete-ring .ring-progress{stroke:var(--ugc-yellow-deep)!important}
.profile-complete-ring strong{color:var(--ugc-ink)!important}
.profile-complete-next{
  border:1px solid #ead36b!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#fffdf3,#fff6cc)!important;
}
.profile-complete-card button{
  min-height:50px;
  border-radius:14px!important;
  background:var(--ugc-ink)!important;
  box-shadow:0 12px 26px rgba(17,24,39,.18);
}

/* Initial signup, email/WhatsApp verification and social selection */
.signup-page,
.signup-page.creator-mode{
  --su-yellow:var(--ugc-yellow);
  min-height:100vh;
  color:var(--ugc-ink)!important;
  background:
    radial-gradient(circle at 8% 10%,rgba(255,212,71,.22),transparent 22%),
    radial-gradient(circle at 95% 88%,rgba(82,119,255,.20),transparent 28%),
    linear-gradient(145deg,#0c1423,#13223a 60%,#102a40)!important;
}
.signup-main{padding:18px!important}
.signup-shell,
.signup-shell.creator-mode{
  width:min(1180px,calc(100vw - 36px));
  min-height:min(760px,calc(100vh - 76px))!important;
  height:auto!important;
  margin:auto;
  grid-template-columns:minmax(430px,.93fr) minmax(0,1.07fr)!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 35px 110px rgba(0,0,0,.38)!important;
  transform:none!important;
}
.signup-form-panel,
.signup-shell.creator-mode .signup-form-panel{
  position:relative;
  padding:clamp(28px,4vw,50px)!important;
  justify-content:center!important;
  background:
    radial-gradient(circle at 0% 0%,rgba(255,212,71,.14),transparent 26%),
    linear-gradient(180deg,#fbfaf7,#f5f3ed)!important;
}
.signup-form-panel::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:5px;
  background:linear-gradient(90deg,var(--ugc-yellow-deep),var(--ugc-yellow),#ffe994);
}
.signup-progress{margin-bottom:20px!important}
.signup-progress span{
  width:29px!important;height:29px!important;
  border:1px solid #d7dce4!important;
  background:#fff!important;
  color:#7b8493!important;
  box-shadow:none!important;
}
.signup-progress span.active,
.signup-shell.creator-mode .signup-progress span.active{
  border-color:var(--ugc-ink)!important;
  background:var(--ugc-ink)!important;
  color:#fff!important;
  box-shadow:0 0 0 5px rgba(255,212,71,.28)!important;
}
.signup-progress i{width:36px!important;background:#d9dde4!important}
.signup-kicker,
.signup-shell.creator-mode .signup-kicker{
  padding:6px 9px!important;
  border:1px solid #ead36b!important;
  background:#fff7cb!important;
  color:#725600!important;
}
.signup-form-panel h1{
  margin:12px 0 10px!important;
  color:var(--ugc-ink)!important;
  font-size:clamp(30px,3.3vw,44px)!important;
  line-height:1.02!important;
  letter-spacing:-1.7px!important;
}
.signup-intro{margin-bottom:18px!important;color:#667085!important;font-size:12px!important;line-height:1.6!important}
.signup-form{gap:10px!important}
.signup-form label{color:#344054!important;font-size:11px!important}
.signup-dob{
  min-width:0;
  margin:2px 0 1px;
  padding:0;
  border:0;
}
.signup-dob legend{
  margin:0 0 7px;
  padding:0;
  color:#344054;
  font-size:11px;
  font-weight:800;
}
.signup-dob-grid{
  display:grid;
  grid-template-columns:.72fr 1.18fr .88fr;
  gap:8px;
}
.signup-dob-field{display:grid!important;gap:5px!important;min-width:0}
.signup-dob-field>span{color:#667085;font-size:9px;font-weight:800}
.signup-dob-select{
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
  min-height:48px;
  border:1.5px solid var(--ugc-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.signup-dob-select:focus-within{
  border-color:var(--ugc-blue);
  box-shadow:0 0 0 4px rgba(82,119,255,.12);
}
.signup-dob-select select{
  width:100%;
  height:46px;
  appearance:none;
  border:0;
  outline:0;
  background:transparent;
  padding:0 30px 0 11px;
  color:var(--ugc-ink);
  font:inherit;
  font-size:12px;
  font-weight:650;
  cursor:pointer;
}
.signup-dob-select i{
  position:absolute;
  right:10px;
  color:#7d8795;
  font-style:normal;
  pointer-events:none;
}
.signup-dob-help{margin:6px 0 0;color:#7b8493;font-size:9px;line-height:1.45}
.signup-dob.is-invalid .signup-dob-select{border-color:#d84c5b}
.signup-select-wrap,
.signup-input-wrap,
.signup-shell.creator-mode .signup-input-wrap,
.verification-code-wrap{
  min-height:48px;
  border:1.5px solid var(--ugc-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.signup-select-wrap:focus-within,
.signup-input-wrap:focus-within,
.signup-shell.creator-mode .signup-input-wrap:focus-within,
.verification-code-wrap:focus-within{
  border-color:var(--ugc-blue)!important;
  box-shadow:0 0 0 4px rgba(82,119,255,.12)!important;
}
.signup-select-wrap select,
.signup-input-wrap input,
.verification-code-wrap input{
  height:46px!important;
  color:var(--ugc-ink)!important;
  font-size:12px!important;
}
.signup-input-wrap input::placeholder,
.verification-code-wrap input::placeholder{color:#a1a9b5!important}
.signup-select-icon{color:#617ee7!important}
.signup-select-chevron{color:#7d8795!important}
.signup-help{color:#7b8493!important;font-size:9px!important;line-height:1.45!important}
.signup-continue,
.signup-shell.creator-mode .signup-continue,
.whatsapp-verify-button{
  min-height:47px!important;
  height:auto!important;
  border:1px solid #101828!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#111827,#26354f)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(17,24,39,.17)!important;
}
.signup-back{
  min-height:43px!important;
  border:1px solid #d5dbe4!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#344054!important;
  box-shadow:0 5px 14px rgba(16,24,40,.05)!important;
}
.signup-message{color:#3156c4!important;font-size:10px!important}
.email-verification-note,
.verification-card{
  border:1px solid #d2ddf8!important;
  border-left:4px solid var(--ugc-blue)!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#f8faff,#eef4ff)!important;
  color:#526582!important;
}
.email-verification-note strong,
.verification-card strong{color:var(--ugc-ink)!important}
.verification-card p{color:#526582!important;font-size:10px!important}
.verification-icon{
  background:linear-gradient(135deg,var(--ugc-yellow),#ffc73e)!important;
  color:#1f2937!important;
}
.verification-email{color:#3156c4!important}
.verification-code-wrap input{font-size:23px!important;letter-spacing:.28em!important}

/* Dark anti-spam panel: intentionally bridges the light form and navy visual panel. */
body.signup-page .signup-antispam{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  gap:10px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,212,71,.15),transparent 38%),
    linear-gradient(135deg,#0b1322,#13233a 62%,#17314a)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(17,24,39,.22)!important;
}
body.signup-page .signup-antispam::before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-52px;
  bottom:-72px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(82,119,255,.16);
  filter:blur(4px);
  pointer-events:none;
}
body.signup-page .signup-antispam-head strong{
  color:#f7f9fc!important;
  font-size:10px!important;
  letter-spacing:.01em;
}
body.signup-page .signup-antispam-badge{
  padding:6px 9px!important;
  background:var(--ugc-yellow)!important;
  color:#1d2939!important;
  box-shadow:0 5px 12px rgba(255,212,71,.16);
}
body.signup-page .signup-antispam-copy{
  color:#b6c2d3!important;
  font-size:10px!important;
  line-height:1.45;
}
body.signup-page .signup-antispam-row{
  grid-template-columns:minmax(118px,.72fr) minmax(0,1fr) 44px!important;
  gap:9px!important;
}
body.signup-page .signup-antispam-puzzle{
  height:44px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:12px!important;
  background:rgba(4,12,26,.72)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
body.signup-page .signup-antispam input{
  height:44px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:12px!important;
  background:rgba(4,12,26,.72)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:750!important;
}
body.signup-page .signup-antispam input::placeholder{color:#7f8da3!important;font-weight:600}
body.signup-page .signup-antispam input:focus{
  border-color:var(--ugc-yellow)!important;
  box-shadow:0 0 0 4px rgba(255,212,71,.14)!important;
}
body.signup-page .signup-antispam-refresh{
  width:44px!important;
  height:44px!important;
  border:1px solid var(--ugc-yellow)!important;
  border-radius:12px!important;
  background:var(--ugc-yellow)!important;
  color:#172033!important;
  box-shadow:0 7px 15px rgba(255,212,71,.14);
}
body.signup-page .signup-antispam-refresh:hover{background:#ffe071!important;transform:translateY(-1px)}
body.signup-page .signup-antispam-message{color:#aebbd0!important;font-size:9px!important;line-height:1.4}
body.signup-page .signup-antispam.is-solved{
  border-color:rgba(71,215,139,.55)!important;
  background:linear-gradient(135deg,#0b1b1b,#13342c 62%,#153b42)!important;
}
body.signup-page .signup-antispam.is-solved .signup-antispam-message{color:#83ebb3!important}
body.signup-page .signup-antispam.is-wrong{border-color:rgba(255,114,142,.62)!important}
body.signup-page .signup-antispam.is-wrong .signup-antispam-message{color:#ffb0c0!important}
.social-platform-grid{gap:9px!important}
.social-platform-option,
.whatsapp-choice-option{
  min-height:72px!important;
  border:1.5px solid #dde3ea!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(16,24,40,.035);
}
.social-platform-option:hover,
.whatsapp-choice-option:hover{border-color:#aebbd0!important;background:#fbfcff!important}
.social-platform-option strong,
.whatsapp-choice-option strong{color:var(--ugc-ink)!important;font-size:10px!important}
.social-platform-option small,
.whatsapp-choice-option small{color:#7a8494!important;font-size:8px!important}
.social-platform-icon{
  width:31px!important;height:31px!important;
  border:1px solid #dbe2f2!important;
  background:#f1f4fb!important;
  color:#3e5fc5!important;
}
.whatsapp-choice-icon{
  border-color:#bde9cf!important;
  background:#eafbf0!important;
  color:#16835f!important;
}
.social-platform-option:has(input:checked),
.whatsapp-choice-option:has(input:checked){
  border-color:var(--ugc-yellow-deep)!important;
  background:linear-gradient(135deg,#fffef7,#fff6ca)!important;
  box-shadow:0 10px 24px rgba(205,153,0,.10)!important;
}
.social-platform-option:has(input:checked)::after,
.whatsapp-choice-option:has(input:checked)::after{
  background:var(--ugc-ink)!important;
  color:#fff!important;
}
.whatsapp-number-fields{
  border:1px solid #cde8d7!important;
  border-radius:15px!important;
  background:#f1fbf5!important;
}
.signup-benefits>div{
  border:1px solid #e2e6ec!important;
  background:rgba(255,255,255,.7)!important;
}
.signup-benefits strong{color:#344054!important}
.signup-benefits small{color:#7b8493!important}
.signup-visual-panel,
.signup-shell.creator-mode .signup-visual-panel{
  padding:clamp(28px,4vw,48px)!important;
  background:
    radial-gradient(circle at 78% 10%,rgba(255,212,71,.24),transparent 26%),
    radial-gradient(circle at 7% 90%,rgba(82,119,255,.23),transparent 30%),
    linear-gradient(145deg,#101827,#1b2d49 58%,#173b55)!important;
  color:#fff!important;
}
.signup-visual-copy span,
.signup-shell.creator-mode .signup-visual-copy span{color:var(--ugc-yellow)!important}
.signup-visual-copy h2{color:#fff!important;font-size:clamp(30px,3.4vw,46px)!important}
.signup-visual-copy p{color:#bdc8d9!important}
.signup-showcase-card{border-radius:22px!important;border-color:rgba(255,255,255,.2)!important}
.single-creator-card{
  background-image:url("assets/makeup-creator.png")!important;
  background-position:center 32%!important;
  background-size:cover!important;
}
.single-creator-card img{display:none!important}
.signup-visual-stats div{padding:12px!important;border-radius:14px!important;background:rgba(255,255,255,.07)!important}
.signup-visual-stats strong{color:#fff!important}

/* Payout / payment form */
body:has(.payout-main){background:var(--ugc-canvas)!important}
.payout-main{
  padding:clamp(22px,3vw,38px)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,212,71,.17),transparent 24%),
    var(--ugc-canvas);
}
.payout-main .dash-top{
  padding:25px 28px;
  border-radius:24px;
  background:linear-gradient(135deg,#101827,#1c2c46 65%,#213f5a);
  color:#fff;
  box-shadow:0 20px 50px rgba(17,24,39,.16);
}
.payout-main .dash-top h1{color:#fff!important}
.payout-main .dash-top p{color:#bdc8d9!important}
.payout-main .dash-top .eyebrow{color:var(--ugc-yellow)!important}
.payout-main .dash-top .ghost-btn{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff}
.summary{gap:16px!important;margin:18px 0!important}
.summary article,
.payout-card{
  border:1px solid #e0ded7!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 10px 30px rgba(16,24,40,.05)!important;
}
.summary article{position:relative;overflow:hidden;padding:20px!important}
.summary article::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#d3d9e2;
}
.summary article:nth-child(2)::before{background:var(--ugc-success)}
.summary article:nth-child(3)::before{background:var(--ugc-yellow-deep)}
.summary article:nth-child(4)::before{background:var(--ugc-blue)}
.summary strong{display:block;margin-top:8px;color:var(--ugc-ink);font-size:28px!important}
.payout-grid{gap:18px!important}
.payout-card{padding:24px!important}
.payout-card h2{margin:0 0 7px;color:var(--ugc-ink);font-size:20px;letter-spacing:-.4px}
.payout-card>p{color:var(--ugc-muted);font-size:12px;line-height:1.55}
.payout-card label{color:#344054!important;font-size:12px!important}
.payout-card input,
.payout-card select,
.payout-card textarea{
  min-height:49px;
  border:1.5px solid var(--ugc-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  padding:12px 14px!important;
  font-size:12px;
  outline:none;
}
.payout-card input:focus,
.payout-card select:focus,
.payout-card textarea:focus{
  border-color:var(--ugc-blue)!important;
  box-shadow:0 0 0 4px rgba(82,119,255,.11)!important;
}
.payout-card .primary{
  min-height:48px;
  border-radius:13px!important;
  background:var(--ugc-ink)!important;
  box-shadow:0 11px 24px rgba(17,24,39,.16);
}
.method-list{gap:11px!important}
.method-row{
  min-height:62px;
  border:1px solid #e0e4ea!important;
  border-radius:15px!important;
  background:#fafbfc;
}

/* Responsive behavior */
@media(min-width:1600px){
  .profile-onboarding-shell{width:min(1320px,94vw)!important}
  .profile-onboarding-main{padding:52px 58px!important}
  .profile-onboarding-form{max-width:980px}
  .signup-shell,.signup-shell.creator-mode{width:min(1280px,90vw)}
}
@media(max-width:1100px){
  .profile-onboarding-shell{grid-template-columns:270px minmax(0,1fr)!important}
  .profile-onboarding-side{padding:28px 22px!important}
  .profile-onboarding-main{padding:32px!important}
  .profile-onboarding-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .signup-shell,.signup-shell.creator-mode{grid-template-columns:minmax(390px,.95fr) minmax(0,1.05fr)!important}
}
@media(max-width:880px){
  .profile-onboarding-shell{display:block!important;overflow:auto!important}
  .profile-onboarding-side{
    position:relative;
    min-height:0;
    padding:22px 24px!important;
  }
  .profile-onboarding-side h2{max-width:620px;font-size:22px!important}
  .profile-onboarding-side>p{max-width:700px}
  .profile-onboarding-kicker{margin-top:18px!important}
  .profile-onboarding-steps{
    display:flex!important;
    gap:8px!important;
    margin:18px -4px 0!important;
    padding:4px 4px 7px;
    overflow-x:auto;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }
  .profile-onboarding-steps::before{display:none}
  .profile-onboarding-step{
    flex:0 0 auto;
    min-height:40px;
    padding:6px 11px 6px 7px!important;
    scroll-snap-align:start;
    color:#aebbd0!important;
  }
  .profile-onboarding-step i{box-shadow:none!important}
  .profile-onboarding-main{padding:28px 24px 34px!important}
  .profile-onboarding-actions,.creator-calendar-actions{bottom:-34px;margin-bottom:-20px!important}
  .signup-shell,.signup-shell.creator-mode{
    grid-template-columns:1fr!important;
    width:min(760px,calc(100vw - 28px));
  }
  .signup-visual-panel,.signup-shell.creator-mode .signup-visual-panel{min-height:380px!important}
  .payout-main .dash-top{display:grid!important}
}
@media(max-width:700px){
  .profile-onboarding-overlay{padding:0!important}
  .profile-onboarding-shell{
    width:100%!important;
    max-height:100dvh!important;
    min-height:100dvh;
    border:0!important;
    border-radius:0!important;
  }
  .profile-onboarding-side{padding:18px 18px 15px!important}
  .profile-onboarding-side h2,
  .profile-onboarding-side>p,
  .profile-onboarding-kicker{display:none!important}
  .profile-onboarding-brand{font-size:25px!important}
  .profile-onboarding-steps{margin-top:12px!important}
  .profile-onboarding-step{font-size:10px!important}
  .profile-onboarding-main{padding:22px 18px 28px!important}
  .profile-onboarding-top h1{font-size:30px!important;letter-spacing:-1.1px!important}
  .profile-onboarding-top p{font-size:12px!important}
  .profile-onboarding-progress{margin:18px 0 22px!important}
  .profile-onboarding-grid,
  .physical-characteristics-grid,
  .creator-calendar-timezone,
  #creatorProfileOnboarding .creator-preview-grid,
  #creatorProfileOnboarding .creator-preview-fields,
  .creator-preview-editor-grid{grid-template-columns:1fr!important}
  .profile-onboarding-full,
  .creator-preview-card.wide,
  .creator-preview-field.full,
  .creator-preview-editor-grid label.full{grid-column:auto!important}
  .profile-onboarding-chips{grid-template-columns:1fr!important}
  .portfolio-entry,.social-profile-entry,.physical-characteristics-card,.profile-photo-uploader{padding:15px!important}
  .profile-onboarding-actions,
  .creator-calendar-actions,
  .social-step-actions{
    position:sticky!important;
    bottom:-28px!important;
    display:grid!important;
    gap:9px!important;
    margin:4px -18px -28px!important;
    padding:15px 18px calc(18px + env(safe-area-inset-bottom))!important;
    background:rgba(250,249,245,.96)!important;
  }
  .profile-onboarding-actions-left,
  .profile-onboarding-actions-right,
  .creator-calendar-actions-left,
  .creator-calendar-actions-right{
    width:100%;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .profile-onboarding-actions-right .primary,
  .profile-onboarding-actions-right .complete,
  .creator-calendar-actions-right .continue{grid-column:1/-1}
  .profile-onboarding-btn,
  .creator-calendar-btn,
  .social-step-actions .profile-onboarding-btn{width:100%!important}
  #creatorProfileOnboarding .creator-preview-hero{padding:20px!important}
  #creatorProfileOnboarding .creator-preview-hero-top,
  #creatorProfileOnboarding .creator-preview-submit-row{align-items:stretch!important;flex-direction:column!important}
  #creatorProfileOnboarding .creator-preview-photo-strip{gap:7px!important}
  .profile-complete-card{padding:30px 22px!important}
  .signup-main{padding:0!important}
  .signup-shell,.signup-shell.creator-mode{
    width:100%;min-height:100dvh!important;
    border:0!important;border-radius:0!important;
  }
  .signup-form-panel,.signup-shell.creator-mode .signup-form-panel{padding:26px 20px 30px!important}
  .signup-visual-panel,.signup-shell.creator-mode .signup-visual-panel{min-height:330px!important;padding:26px 20px!important}
  .social-platform-grid,.whatsapp-choice-grid{grid-template-columns:1fr 1fr!important}
  .summary{grid-template-columns:1fr 1fr!important}
  .payout-grid{grid-template-columns:1fr!important}
}
@media(max-width:460px){
  .profile-onboarding-step{padding-right:8px!important}
  .profile-onboarding-step i{width:25px!important;height:25px!important;flex-basis:25px}
  .profile-onboarding-form input,
  .profile-onboarding-form select,
  .profile-onboarding-form textarea{font-size:16px!important}
  .signup-select-wrap select,
  .signup-input-wrap input,
  .verification-code-wrap input,
  .payout-card input,
  .payout-card select,
  .payout-card textarea{font-size:16px!important}
  .creator-calendar-block-row,
  .creator-preview-block-row{grid-template-columns:1fr 1fr auto!important}
  .creator-calendar-block-to,
  .creator-preview-block-row span{display:none!important}
  .profile-onboarding-actions-left,
  .profile-onboarding-actions-right,
  .creator-calendar-actions-left,
  .creator-calendar-actions-right{grid-template-columns:1fr!important}
  .social-platform-grid,.whatsapp-choice-grid{grid-template-columns:1fr!important}
  .whatsapp-phone-row{grid-template-columns:1fr!important}
  .signup-form-panel h1{font-size:32px!important}
  .signup-dob-grid{grid-template-columns:.8fr 1.2fr!important}
  .signup-dob-field:last-child{grid-column:1/-1}
  .signup-dob-select select{font-size:16px}
  body.signup-page .signup-antispam{padding:13px!important}
  body.signup-page .signup-antispam-head{align-items:flex-start!important}
  body.signup-page .signup-antispam-row{grid-template-columns:minmax(0,1fr) 44px!important}
  body.signup-page .signup-antispam-puzzle{grid-column:1/-1!important}
  .signup-visual-copy h2{font-size:32px!important}
  .summary{grid-template-columns:1fr!important}
  .payout-main{padding:16px!important}
  .payout-main .dash-top,.payout-card{padding:20px!important}
}
/* Keep the desktop navigation fixed while long steps scroll independently. */
@media(min-width:881px){
  .profile-onboarding-shell{
    height:94vh!important;
    max-height:94vh!important;
    overflow:clip!important;
    overscroll-behavior:none;
    overflow-anchor:none;
  }
  .profile-onboarding-side{
    position:relative!important;
    top:auto!important;
    align-self:stretch!important;
    display:flex!important;
    flex-direction:column;
    height:100%;
    min-height:0!important;
    overflow:clip!important;
    overscroll-behavior:none;
    overflow-anchor:none;
  }
  .profile-onboarding-steps{
    flex:1;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    overflow-anchor:none;
    scrollbar-gutter:stable;
  }
  .profile-onboarding-main{
    height:100%;
    min-height:0;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    overflow-anchor:none;
    scroll-behavior:auto!important;
    scrollbar-gutter:stable;
  }
  .profile-onboarding-main *{overflow-anchor:none}
}
@media(prefers-reduced-motion:reduce){
  .profile-onboarding-shell *,
  .signup-shell *,
  .payout-main *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Keep the complete calendar action bar inside the clickable scroll viewport. */
#creatorProfileOnboarding .creator-calendar-actions{
  bottom:0!important;
  margin-bottom:0!important;
  padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
}
@media(min-width:881px){
  #creatorProfileOnboarding .profile-onboarding-main{
    box-sizing:border-box!important;
    height:100%!important;
    max-height:100%!important;
  }
}
@media(max-width:700px){
  #creatorProfileOnboarding .creator-calendar-actions{
    bottom:0!important;
    margin-bottom:0!important;
  }
}