/* Full-page creative registration overlay */
.talent-account.talent-account--registration {
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100svh !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #111 !important;
}
.talent-account.talent-account--registration .talent-account__bar {
  padding-inline: clamp(1.2rem, 5vw, 4rem);
}
.talent-account.talent-account--registration .talent-account__body {
  max-height: calc(100svh - 5.5rem);
  padding: clamp(1.5rem, 5vw, 4rem) clamp(1.2rem, 5vw, 4rem) 5rem;
}
.talent-account.talent-account--registration [data-member-view="sign-up"] {
  width: min(70rem, 100%);
  margin: 0 auto;
}
.talent-account__registration-heading {
  margin: 2rem 0 .25rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(246,241,230,.2);
  font-size: .8rem !important;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.talent-account.talent-account--registration [data-registration-fields] { margin-top: .4rem; }
.talent-account__avatar-status { display:block; max-width:22rem; color:rgba(246,241,230,.62); font-size:.76rem; line-height:1.4; }
.talent-account__registration-progress { display:grid; grid-template-columns:repeat(3,1fr); margin:0 0 1.6rem; border-top:1px solid rgba(246,241,230,.2); border-bottom:1px solid rgba(246,241,230,.2); }
.talent-account__registration-progress-item { display:flex; align-items:center; gap:.7rem; min-width:0; padding:.85rem .8rem; color:rgba(246,241,230,.55); font:inherit; text-align:left; border:0; border-right:1px solid rgba(246,241,230,.14); background:transparent; cursor:pointer; }
.talent-account__registration-progress-item:last-child { border-right:0; }
.talent-account__registration-progress-item span { font-size:.7rem; letter-spacing:.08em; }
.talent-account__registration-progress-item strong { min-width:0; overflow:hidden; font-size:.78rem; letter-spacing:.04em; text-overflow:ellipsis; white-space:nowrap; }
.talent-account__registration-progress-item[data-active=true] { color:var(--cream,#f6f1e6); background:rgba(246,241,230,.08); }
.talent-account__registration-progress-item[data-complete=true] { color:rgba(246,241,230,.78); }
.talent-account__registration-step { min-width:0; margin:0; padding:0; border:0; }
.talent-account__registration-step legend { width:100%; margin:0 0 .8rem; padding:0; color:rgba(246,241,230,.8); font-size:.78rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.talent-account__registration-navigation { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1.25rem; }
.talent-account__registration-navigation [hidden] { display:none !important; }
.talent-account--registration .talent-account__registration-navigation {
  position:sticky;
  z-index:3;
  bottom:-1px;
  padding:.9rem 0;
  background:linear-gradient(transparent,#f7f6f1 28%);
}
.talent-account--registration .talent-account__registration-progress { margin-top:.4rem; }
.talent-account--registration .talent-account__body { background:radial-gradient(circle at 100% 0, rgba(215,223,185,.08), transparent 32rem); }
.talent-account--registration [data-member-view="sign-up"] > p:first-of-type { max-width:40rem; color:rgba(246,241,230,.7); font-size:1.05rem; }
.talent-account__registration-step { animation:verde-registration-in .35s ease both; }
@keyframes verde-registration-in { from { opacity:.3; transform:translateY(.45rem); } to { opacity:1; transform:none; } }
.talent-account__registration-step .talent-account__fields { align-items:start; }
.talent-account__registration-step legend { margin-top:.4rem; }
@media(max-width:560px) {
  .talent-account.talent-account--registration .talent-account__body { max-height: calc(100svh - 5rem); }
  .talent-account__registration-progress-item { padding-inline:.55rem; }
  .talent-account__registration-progress-item strong { font-size:.7rem; }
  .talent-account__registration-navigation { padding:.8rem 0; }
}
@media(prefers-reduced-motion:reduce) { .talent-account__registration-step { animation:none; } }

/* Four calm registration stages: personal details, contact, preferences and confirmation. */
.talent-account__registration-progress { grid-template-columns:repeat(4,minmax(0,1fr)); }
.talent-account__preference-grid,
.talent-account__confirmation-copy { display:grid; gap:.75rem; width:100%; }
.talent-account__preference-grid .talent-account__fine,
.talent-account__confirmation-copy > p { grid-column:1 / -1; margin:0 0 .25rem; }
.talent-account__preference-grid .talent-account__check,
.talent-account__confirmation-copy .talent-account__check { min-height:2.8rem; padding:.75rem .9rem; border:1px solid rgba(23,23,23,.14); border-radius:.65rem; background:#fff; }
@media(max-width:700px) { .talent-account__registration-progress { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.account-toggle__label { white-space: nowrap; }
@media(max-width:560px) { .account-toggle__label { display: inline; } }

/* Keep the full-page registration surface in the selected pricing plan palette. */
.talent-account.talent-account--registration[data-vtp-theme] { background:var(--vtp-overlay-bg) !important; border-color:var(--vtp-overlay-border) !important; color:var(--vtp-overlay-text); }
.talent-account.talent-account--registration[data-vtp-theme] .talent-account__body { background:var(--vtp-overlay-bg) !important; }
.talent-account.talent-account--registration[data-vtp-theme] .talent-account__registration-progress { border-color:var(--vtp-overlay-border); }
.talent-account.talent-account--registration[data-vtp-theme] .talent-account__registration-progress-item { color:var(--vtp-overlay-secondary); border-color:var(--vtp-overlay-border); }
.talent-account.talent-account--registration[data-vtp-theme] .talent-account__registration-progress-item[data-active=true] { color:var(--vtp-overlay-text); background:color-mix(in srgb, var(--vtp-overlay-text) 8%, var(--vtp-overlay-bg)); }
.talent-account.talent-account--registration[data-vtp-theme] .talent-account__registration-progress-item[data-complete=true],
.talent-account.talent-account--registration[data-vtp-theme] .talent-account__registration-step legend { color:var(--vtp-overlay-secondary); }
.talent-account.talent-account--registration[data-vtp-theme] [data-member-view="sign-up"] > p:first-of-type { color:var(--vtp-overlay-secondary); }
.talent-account.talent-account--registration[data-vtp-theme] .talent-account__registration-navigation { background:linear-gradient(transparent,var(--vtp-overlay-bg) 25%); }

/* Signed-in profile is its own full-page workspace. */
.talent-account.talent-account--profile-page {
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100svh !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #111 !important;
}
.talent-account.talent-account--profile-page .talent-account__bar,
.talent-account.talent-account--profile-page .talent-account__body {
  padding-inline: clamp(1.2rem, 6vw, 5rem);
}
.talent-account.talent-account--profile-page .talent-account__body {
  max-height: calc(100svh - 5.5rem);
  padding-top: clamp(2rem, 5vw, 4.5rem);
  padding-bottom: 5rem;
}
.talent-account.talent-account--profile-page [data-member-view="profile"],
.talent-account.talent-account--profile-page [data-member-view="brand-profile"] {
  width: min(76rem, 100%);
  margin: 0 auto;
}
.talent-account__avatar-field { grid-column: 1 / -1; max-width: 20rem; }
.talent-account__avatar-button { display:flex; align-items:center; gap:.9rem; width:max-content; padding:0; color:inherit; font:inherit; font-size:.78rem; border:0; background:transparent; cursor:pointer; }
.talent-account__avatar { display:grid; place-items:center; width:4.5rem; height:4.5rem; border:1px solid rgba(246,241,230,.45); border-radius:50%; background:#1b1b1b center/cover no-repeat; font-size:1.8rem; line-height:1; transition:border-color .25s ease, transform .25s ease; }
.talent-account__avatar-button:hover .talent-account__avatar { border-color:var(--cream,#f6f1e6); transform:scale(1.04); }
.talent-account__avatar-label { text-decoration:underline; text-underline-offset:.2rem; }
@media(max-width:560px) { .talent-account.talent-account--profile-page .talent-account__body { max-height:calc(100svh - 5rem); } }

/* Final VERDE light account surfaces: cream canvas, white panels and rounded controls. */
.talent-account.talent-account--registration,
.talent-account.talent-account--profile-page {
  color:#171717 !important;
  background:#f7f6f1 !important;
  border-color:rgba(23,23,23,.16) !important;
}
.talent-account.talent-account--registration .talent-account__bar,
.talent-account.talent-account--registration .talent-account__body,
.talent-account.talent-account--profile-page .talent-account__bar,
.talent-account.talent-account--profile-page .talent-account__body {
  color:#171717 !important;
  background:#f7f6f1 !important;
  border-color:rgba(23,23,23,.14) !important;
}
.talent-account.talent-account--registration .talent-account__bar,
.talent-account.talent-account--profile-page .talent-account__bar { background:#fff !important; }
.talent-account.talent-account--registration h2,
.talent-account.talent-account--registration h3,
.talent-account.talent-account--registration h4,
.talent-account.talent-account--registration label,
.talent-account.talent-account--registration legend,
.talent-account.talent-account--profile-page h2,
.talent-account.talent-account--profile-page h3,
.talent-account.talent-account--profile-page h4,
.talent-account.talent-account--profile-page label,
.talent-account.talent-account--profile-page legend { color:#171717 !important; }
.talent-account.talent-account--registration p,
.talent-account.talent-account--registration .talent-account__fine,
.talent-account.talent-account--registration .talent-account__avatar-status,
.talent-account.talent-account--profile-page p,
.talent-account.talent-account--profile-page .talent-account__fine,
.talent-account.talent-account--profile-page .talent-account__avatar-status { color:rgba(23,23,23,.68) !important; }
.talent-account.talent-account--registration .talent-account__registration-heading,
.talent-account.talent-account--registration .talent-account__registration-progress,
.talent-account.talent-account--profile-page .talent-account__registration-heading { border-color:rgba(23,23,23,.16) !important; }
.talent-account.talent-account--registration .talent-account__registration-progress-item {
  color:rgba(23,23,23,.56) !important;
  border-color:rgba(23,23,23,.14) !important;
}
.talent-account.talent-account--registration .talent-account__registration-progress-item[data-active=true] {
  color:#171717 !important;
  background:#ebeae4 !important;
}
.talent-account.talent-account--registration .talent-account__registration-progress-item[data-complete=true] { color:rgba(23,23,23,.78) !important; }
.talent-account.talent-account--registration input:not([type=checkbox]),
.talent-account.talent-account--registration select,
.talent-account.talent-account--registration textarea,
.talent-account.talent-account--registration .talent-account__password-control,
.talent-account.talent-account--profile-page input:not([type=checkbox]),
.talent-account.talent-account--profile-page select,
.talent-account.talent-account--profile-page textarea,
.talent-account.talent-account--profile-page .talent-account__password-control {
  color:#171717 !important;
  background:#fff !important;
  border-color:rgba(23,23,23,.25) !important;
  border-radius:.65rem !important;
}
.talent-account.talent-account--registration .talent-account__password-toggle,
.talent-account.talent-account--profile-page .talent-account__password-toggle { color:#171717 !important; border-left-color:rgba(23,23,23,.16) !important; }
.talent-account.talent-account--registration .talent-account__registration-navigation,
.talent-account.talent-account--profile-page .talent-account__profile-actions { background:linear-gradient(transparent,#f7f6f1 25%) !important; }
.talent-account.talent-account--registration .button,
.talent-account.talent-account--profile-page .button { border-radius:.65rem !important; }
