.auth-page {
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--ca-ink);
  background:
    radial-gradient(circle at 75% 12%, rgba(110,18,35,.08), transparent 28rem),
    var(--ca-beige) !important;
}

.auth-shell {
  width: min(1460px, calc(100% - 64px));
  min-height: 100vh;
  margin: auto;
  padding: 34px 0;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(420px, .72fr);
  gap: clamp(28px, 4vw, 70px);
  align-items: center;
}

.auth-story,
.auth-card {
  position: relative;
  overflow: hidden;
  border-radius: clamp(30px, 3vw, 48px);
}

.auth-story {
  min-height: min(860px, calc(100vh - 68px));
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: clamp(34px, 4vw, 62px);
  color: var(--ca-beige);
  background:
    radial-gradient(circle at 74% 39%, rgba(183,70,91,.34), transparent 26rem),
    linear-gradient(145deg, #86182d, #530b19 70%, #34070f);
  box-shadow: 0 34px 85px rgba(65,8,20,.23), inset 0 1px 0 rgba(255,255,255,.15);
  isolation: isolate;
}

.auth-story::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .18;
  background:
    linear-gradient(116deg, transparent 18%, rgba(255,255,255,.12) 35%, transparent 52%),
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.16), transparent 16rem);
  pointer-events: none;
}

.auth-brand {
  position: relative;
  z-index: 3;
  display: inline-flex;
  width: max-content;
}

.auth-brand img {
  width: auto;
  height: clamp(31px, 2.4vw, 41px);
  filter: brightness(0) invert(95%) sepia(12%) saturate(315%) hue-rotate(337deg) brightness(104%);
}

.auth-brand .brand__image--curatoriart {
  width: auto;
  max-width: min(280px, 62vw);
  object-fit: contain;
}

.story-copy {
  position: relative;
  z-index: 3;
  max-width: 610px;
  align-self: center;
}

.story-copy .eyebrow {
  color: rgba(243,236,226,.74) !important;
}

.story-copy h1 {
  margin: 28px 0 30px;
  color: var(--ca-beige) !important;
  font-size: clamp(64px, 6.3vw, 108px);
  line-height: .8;
  letter-spacing: -.075em;
}

.story-copy h1 em {
  color: rgba(243,236,226,.68) !important;
  font: 400 italic .62em/.95 Georgia, serif;
  letter-spacing: -.06em;
}

.story-copy p {
  max-width: 530px;
  color: rgba(243,236,226,.76);
  font-size: clamp(14px, 1.05vw, 17px);
  line-height: 1.75;
}

.story-link {
  min-width: 235px;
  width: max-content;
  min-height: 52px;
  margin-top: 30px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  border: 1px solid rgba(243,236,226,.3);
  border-radius: 999px;
  color: var(--ca-beige);
  background: rgba(243,236,226,.09);
  backdrop-filter: blur(12px);
  transition: transform .24s ease, background .24s ease;
}

.story-link:hover { transform: translateY(-3px); background: rgba(243,236,226,.16); }

.story-stats {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 36px;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none;
}

.story-stats div {
  min-width: 0;
  min-height: 94px;
  padding: 19px clamp(16px, 1.8vw, 25px);
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(243,236,226,.18);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(243,236,226,.14), rgba(243,236,226,.055));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 16px 34px rgba(33,2,8,.1);
  backdrop-filter: blur(16px);
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.story-stats div:hover {
  transform: translateY(-3px);
  border-color: rgba(243,236,226,.34);
  background: linear-gradient(145deg, rgba(243,236,226,.19), rgba(243,236,226,.075));
}
.story-stats strong { color: var(--ca-beige) !important; font-size: 30px; line-height: .9; }
.story-stats span { color: rgba(243,236,226,.62); font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }

.auth-card {
  width: 100%;
  max-width: 540px;
  justify-self: end;
  padding: clamp(34px, 4vw, 64px);
  border: 1px solid rgba(110,18,35,.14);
  background: rgba(251,247,241,.88);
  box-shadow: 0 38px 100px rgba(65,8,20,.15), inset 0 1px 0 rgba(255,255,255,.82);
  backdrop-filter: blur(24px);
}

.auth-card::before {
  content: "";
  position: absolute;
  right: -110px;
  top: -130px;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(110,18,35,.1), transparent 70%);
  pointer-events: none;
}

.auth-card__top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.auth-status {
  padding: 8px 11px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(110,18,35,.15);
  border-radius: 999px;
  color: rgba(52,16,24,.66);
  font: 750 8px/1 ui-monospace, monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.auth-status i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #49c987;
  box-shadow: 0 0 12px rgba(52,195,119,.62);
}

.auth-card h2 {
  position: relative;
  margin: 28px 0 20px;
  color: var(--ca-ink) !important;
  font-size: clamp(52px, 4.8vw, 84px);
  line-height: .83;
  letter-spacing: -.072em;
}

.auth-card h2 em {
  color: rgba(110,18,35,.6) !important;
  font: 400 italic .66em/.95 Georgia, serif;
}

.auth-intro {
  margin-bottom: 32px;
  color: var(--ca-muted);
  font-size: 13px;
  line-height: 1.7;
}

.field-label {
  display: block;
  margin: 20px 0;
  color: rgba(52,16,24,.72);
  font: 750 9px/1.4 ui-monospace, monospace;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.field-control {
  position: relative;
  display: block;
  margin-top: 9px;
}

.auth-card input:not([type="checkbox"]),
.auth-card textarea {
  width: 100%;
  min-height: 56px;
  padding: 0 17px;
  border: 1px solid rgba(110,18,35,.17);
  border-radius: 17px;
  color: var(--ca-ink);
  background: rgba(255,255,255,.57);
  outline: 0;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.auth-card textarea { min-height: 108px; padding-block: 15px; resize: vertical; }
.auth-card input:focus, .auth-card textarea:focus {
  border-color: rgba(110,18,35,.52);
  background: rgba(255,255,255,.82);
  box-shadow: 0 0 0 4px rgba(110,18,35,.075);
}

.password-field input { padding-right: 68px !important; }

.password-toggle {
  position: absolute;
  right: 7px;
  top: 50%;
  width: 42px;
  height: 42px;
  padding: 0;
  display: grid;
  place-items: center;
  border: 1px solid rgba(110,18,35,.13);
  border-radius: 13px;
  color: var(--ca-wine);
  background: rgba(110,18,35,.055);
  transform: translateY(-50%);
  transition: transform .2s ease, background .2s ease;
}

.password-toggle:hover { background: rgba(110,18,35,.12); transform: translateY(-50%) scale(1.04); }
.password-toggle svg { position: absolute; width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; transition: opacity .2s ease, transform .25s ease; }
.password-toggle .eye-closed { opacity: 0; transform: rotate(-16deg) scale(.7); }
.password-toggle[aria-pressed="true"] .eye-open { opacity: 0; transform: rotate(16deg) scale(.7); }
.password-toggle[aria-pressed="true"] .eye-closed { opacity: 1; transform: rotate(0) scale(1); }

.form-meta {
  margin: 17px 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: var(--ca-muted);
  font-size: 11px;
}

.form-meta a { color: var(--ca-wine); }

.auth-submit {
  width: 100%;
  min-height: 56px;
  padding: 0 21px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  border-radius: 17px;
  color: var(--ca-beige);
  background: linear-gradient(135deg, #83182e, var(--ca-wine));
  box-shadow: 0 16px 34px rgba(110,18,35,.2);
  font-weight: 780;
  transition: transform .22s ease, box-shadow .22s ease;
}

.auth-submit:hover { transform: translateY(-2px); box-shadow: 0 20px 42px rgba(110,18,35,.28); }
.auth-submit i { font-style: normal; transition: transform .22s ease; }
.auth-submit:hover i { transform: translate(2px,-2px); }
.auth-submit[aria-busy="true"] { opacity: .7; pointer-events: none; }
.artist-work-upload{margin:24px 0}.artist-work-upload[hidden],[data-artist-slug-help][hidden]{display:none!important}.artist-work-upload>label>small{display:block;margin:7px 0;color:var(--ca-muted);font-weight:500;letter-spacing:0;text-transform:none}.artist-upload-box{position:relative;min-height:88px;display:flex!important;align-items:center;gap:15px;padding:15px 17px!important;overflow:hidden;border:1px solid rgba(110,18,35,.26)!important;border-radius:20px!important;color:#6e1223!important;background:linear-gradient(135deg,rgba(255,252,247,.95),rgba(110,18,35,.045))!important;box-shadow:0 10px 26px rgba(76,17,29,.07)!important;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.artist-upload-box:hover{transform:translateY(-2px);border-color:#861a31!important;box-shadow:0 15px 30px rgba(76,17,29,.12)!important}.artist-upload-box .artist-file-input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0!important;cursor:pointer!important;z-index:3}.artist-upload-box>i{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;color:#fff;background:linear-gradient(145deg,#941d37,#6e1223);box-shadow:0 9px 20px rgba(110,18,35,.22)}.artist-upload-box svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.artist-upload-box>span{display:grid;gap:5px}.artist-upload-box b{font-size:12px}.artist-upload-box span small{margin:0;color:var(--ca-muted);font-size:10px;font-weight:500;letter-spacing:0;text-transform:none}.artist-upload-box em{margin-left:auto;padding:10px 13px;border-radius:999px;color:#fff;background:#861a31;font-size:10px;font-style:normal;font-weight:750;white-space:nowrap}@media(max-width:560px){.artist-upload-box{align-items:flex-start;flex-wrap:wrap}.artist-upload-box em{margin-left:63px}}

.artist-upload-box>i{font:inherit!important}.artist-upload-box>i svg{display:block!important;width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.artist-upload-box>span b{font-size:14px!important;color:#57101f!important}.artist-upload-box>span small{font-size:10px!important}.artist-upload-box>em{padding:11px 16px!important}
.artist-upload-previews{display:grid;grid-template-columns:repeat(3,82px);gap:10px;margin-top:12px}.artist-upload-previews:empty{display:none}.artist-upload-preview{position:relative;width:82px;height:72px;overflow:hidden;border:1px solid rgba(110,18,35,.18);border-radius:14px;background:#f3ece2;box-shadow:0 7px 18px rgba(74,21,31,.1)}.artist-upload-preview img{display:block;width:100%;height:100%;object-fit:cover}.artist-upload-preview b{position:absolute;right:6px;bottom:6px;padding:4px 6px;border-radius:999px;color:#fff;background:rgba(110,18,35,.88);font:750 8px/1 ui-monospace,monospace}
.artist-upload-preview .artist-upload-remove{position:absolute!important;right:5px!important;top:5px!important;z-index:3!important;width:23px!important;height:23px!important;min-height:0!important;margin:0!important;padding:0 0 2px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:50%!important;color:#fff!important;background:#861a31!important;box-shadow:0 4px 10px rgba(58,11,20,.3)!important;font:700 17px/1 Arial,sans-serif!important;cursor:pointer!important}
.legal-consents{display:grid;gap:10px;margin:20px 0}.legal-consents .terms-check{margin:0;padding:14px 15px;border:1px solid rgba(110,18,35,.13);border-radius:15px;background:rgba(255,255,255,.38)}.legal-consents .terms-check button{display:inline!important;width:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;color:#781328!important;background:transparent!important;box-shadow:none!important;font:750 inherit!important;text-decoration:underline!important;text-underline-offset:3px!important;cursor:pointer!important}.legal-consents .terms-check b,.legal-consents .terms-check em{margin-left:5px;color:#861a31;font-size:9px;font-style:normal}.legal-consents .terms-check--optional{border-style:dashed;background:rgba(110,18,35,.025)}
.legal-dialog{width:min(720px,calc(100% - 28px));max-height:min(82vh,760px);padding:0;overflow:hidden;border:1px solid rgba(110,18,35,.2);border-radius:28px;color:#3a0b14;background:#fffaf4;box-shadow:0 35px 100px rgba(53,8,18,.28)}.legal-dialog::backdrop{background:rgba(37,10,16,.55);backdrop-filter:blur(7px)}.legal-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 28px;border-bottom:1px solid rgba(110,18,35,.12)}.legal-dialog__head span{color:#861a31;font:750 8px ui-monospace,monospace;letter-spacing:.16em}.legal-dialog__head h2{margin:7px 0 0;font-size:30px}.legal-dialog__head>button{width:38px!important;height:38px!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:50%!important;color:#fff!important;background:#861a31!important}.legal-dialog__body{max-height:52vh;padding:10px 28px 25px;overflow:auto;line-height:1.7}.legal-dialog__body h3{margin:24px 0 5px;color:#861a31}.legal-dialog__body p{color:#665056}.legal-dialog__accept{width:calc(100% - 56px)!important;margin:0 28px 25px!important;padding:15px!important;border:0!important;border-radius:16px!important;color:#fff!important;background:#861a31!important;font-weight:750!important}

.form-alert {
  margin-bottom: 20px;
  padding: 13px 15px;
  border: 1px solid rgba(167,36,60,.2);
  border-radius: 14px;
  color: #8b1930;
  background: rgba(169,39,63,.07);
  font-size: 12px;
  line-height: 1.55;
}

.form-alert--success { border-color: rgba(34,145,92,.22); color: #176b45; background: rgba(34,145,92,.07); }

/* Güçlü ve temaya uyumlu başarı geri bildirimi */
.auth-card .form-alert--success {
  position: relative;
  min-height: 64px;
  display: flex;
  align-items: center;
  padding: 15px 48px 15px 58px !important;
  overflow: hidden;
  border: 1px solid rgba(35,126,82,.32) !important;
  border-radius: 18px !important;
  color: #185f42 !important;
  background:
    radial-gradient(circle at 0 50%, rgba(51,151,101,.15), transparent 38%),
    linear-gradient(135deg, rgba(237,248,240,.96), rgba(247,242,232,.92)) !important;
  box-shadow: 0 14px 34px rgba(30,100,67,.10), inset 0 1px 0 rgba(255,255,255,.72) !important;
  font-size: 13px;
  font-weight: 680;
  line-height: 1.55;
  animation: ca-success-arrive .55s cubic-bezier(.2,.8,.2,1) both;
}

.auth-card .form-alert--success::before {
  content: "✓";
  position: absolute;
  left: 17px;
  top: 50%;
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg,#419d70,#1c714d);
  box-shadow: 0 6px 16px rgba(28,113,77,.25);
  font-size: 15px;
  font-weight: 900;
}

.auth-card .form-alert--success::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 7px;
  height: 7px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #419d70;
  box-shadow: 0 0 0 6px rgba(65,157,112,.11);
}

@keyframes ca-success-arrive {
  from { opacity: 0; transform: translateY(-8px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  .auth-card .form-alert--success { animation: none; }
}

.auth-register-prompt {
  margin-top: 22px;
  padding: 18px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid rgba(110,18,35,.12);
  border-bottom: 1px solid rgba(110,18,35,.12);
  color: var(--ca-muted);
  font-size: 11px;
}

.auth-register-prompt a { color: var(--ca-wine); font-weight: 750; }
.auth-register-prompt i { font-style: normal; margin-left: 6px; }
.back-home { display: inline-flex; margin-top: 22px; color: var(--ca-muted); font-size: 11px; }

html[data-theme="dark"] .auth-card {
  border-color: rgba(243,236,226,.14);
  background: rgba(35,9,15,.88);
  box-shadow: 0 38px 100px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}

html[data-theme="dark"] .auth-card h2 { color: var(--ca-beige) !important; }
html[data-theme="dark"] .auth-card h2 em { color: rgba(243,236,226,.62) !important; }
html[data-theme="dark"] .field-label, html[data-theme="dark"] .auth-status { color: rgba(243,236,226,.7); }
html[data-theme="dark"] .auth-card input:not([type="checkbox"]), html[data-theme="dark"] .auth-card textarea { border-color: rgba(243,236,226,.16); color: var(--ca-beige); background: rgba(243,236,226,.045); }
html[data-theme="dark"] .auth-card input:focus, html[data-theme="dark"] .auth-card textarea:focus { border-color: rgba(243,236,226,.4); background: rgba(243,236,226,.075); }
html[data-theme="dark"] .password-toggle { border-color: rgba(243,236,226,.14); color: var(--ca-beige); background: rgba(243,236,226,.06); }
html[data-theme="dark"] .auth-register-prompt { border-color: rgba(243,236,226,.12); }
html[data-theme="dark"] .auth-register-prompt a, html[data-theme="dark"] .form-meta a { color: #e5a7b4; }
html[data-theme="dark"] .form-alert { color: #ffb2bf; background: rgba(255,96,121,.08); }
html[data-theme="dark"] .auth-card .form-alert--success {
  border-color: rgba(94,211,146,.3) !important;
  color: #b8efd0 !important;
  background: linear-gradient(135deg,rgba(30,91,62,.42),rgba(45,27,31,.72)) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

@media (max-width: 1080px) {
  .auth-shell { grid-template-columns: minmax(0,1fr) 420px; gap: 28px; }
  .story-copy { max-width: 500px; }
  .story-copy h1 { font-size: 76px; }
}

@media (max-width: 820px) {
  .auth-shell { width: min(720px, calc(100% - 28px)); display: flex; flex-direction: column; padding: 82px 0 28px; }
  .auth-story { width: 100%; min-height: 680px; }
  .auth-card { max-width: none; }
  .story-copy h1 { font-size: clamp(58px, 15vw, 86px); }
  .auth-page:not(.register-page) .auth-shell { padding-top: 22px; }
  .auth-page:not(.register-page) .auth-card { order: -1; }
  .auth-page:not(.register-page) .auth-story { min-height: 440px; }
  .auth-page:not(.register-page) .story-stats { display: none; }
}

@media (max-width: 520px) {
  .auth-story { min-height: 620px; padding: 27px 22px; border-radius: 28px; }
  .story-stats { gap: 7px; margin-top: 28px; }
  .story-stats div { min-height: 76px; padding: 14px 12px; border-radius: 17px; gap: 6px; }
  .story-stats strong { font-size: 21px; }
  .auth-card { padding: 30px 22px; border-radius: 28px; }
  .auth-card__top { align-items: flex-start; flex-direction: column-reverse; }
  .form-meta, .auth-register-prompt { align-items: flex-start; flex-direction: column; }
  .auth-page:not(.register-page) .auth-story { min-height: 380px; }
  .auth-page:not(.register-page) .story-copy h1 { font-size: 54px; }
  .auth-page:not(.register-page) .story-copy p { font-size: 13px; }
}

@media (prefers-reduced-motion: reduce) {
  .story-link, .auth-submit, .password-toggle, .story-stats div { transition: none !important; }
}

/* Registration and approval states */
.auth-shell--register { grid-template-columns: minmax(0,.92fr) minmax(560px,1.08fr); align-items: start; }
.register-card { max-width: 720px; }
.register-card h2 { font-size: clamp(48px,4vw,72px); margin-block: 24px 16px; }
.register-story { position: sticky; top: 34px; min-height: min(930px,calc(100vh - 68px)); }
.register-story .story-copy { max-width: 510px; }
.register-story .story-copy h1 { font-size: clamp(64px,5.5vw,98px); }
.register-assurances { display:grid; gap:12px; margin-top:32px; }
.register-assurances span { display:flex; align-items:center; gap:12px; color:rgba(243,236,226,.78); font-size:12px; }
.register-assurances i { width:27px; height:27px; display:grid; place-items:center; border:1px solid rgba(243,236,226,.22); border-radius:9px; font:700 8px/1 ui-monospace,monospace; }
.role-picker { margin:20px 0 22px; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:11px; border:0; }
.role-picker legend { grid-column:1/-1; margin-bottom:9px; color:rgba(52,16,24,.72); font:750 9px/1.4 ui-monospace,monospace; letter-spacing:.14em; text-transform:uppercase; }
.role-picker label { position:relative; }
.role-picker input { position:absolute; opacity:0; pointer-events:none; }
.role-picker label>span { min-height:86px; padding:17px 18px; display:grid; grid-template-columns:38px 1fr; column-gap:13px; align-items:center; border:1px solid rgba(110,18,35,.16); border-radius:18px; background:rgba(255,255,255,.38); transition:border-color .2s ease,background .2s ease,transform .2s ease; }
.role-picker svg { width:32px; height:32px; fill:none; stroke:var(--ca-wine); stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }
.role-picker strong { color:var(--ca-ink); font-size:14px; }
.role-picker input:checked+span { border-color:rgba(110,18,35,.56); background:rgba(110,18,35,.075); box-shadow:0 0 0 3px rgba(110,18,35,.055); }
.role-picker label:hover>span { transform:translateY(-2px); }
.register-fields { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
.field-wide { grid-column:1/-1; }
.field-help { display:block; margin-top:7px; color:var(--ca-muted); font:500 10px/1.4 Inter,Arial,sans-serif; letter-spacing:0; text-transform:none; }
.slug-control input { padding-right:145px!important; }
.slug-control>b { position:absolute; right:15px; top:50%; max-width:130px; overflow:hidden; color:rgba(110,18,35,.62); font:650 10px/1 ui-monospace,monospace; text-overflow:ellipsis; transform:translateY(-50%); }
.password-strength { height:24px; display:grid; grid-template-columns:repeat(3,1fr) auto; align-items:center; gap:6px; }
.password-strength>span { height:3px; border-radius:999px; background:rgba(110,18,35,.12); transition:background .2s ease; }
.password-strength small { min-width:68px; margin-left:5px; color:var(--ca-muted); font-size:9px; text-align:right; }
.password-strength[data-score="1"] span:nth-child(1) { background:#b45a2e; }
.password-strength[data-score="2"] span:nth-child(-n+2) { background:#9d6b18; }
.password-strength[data-score="3"] span { background:#2e9a65; }
.terms-check { margin:16px 0 22px; display:flex; align-items:flex-start; gap:10px; color:var(--ca-muted); font-size:11px; line-height:1.5; }
.terms-check input { width:18px; height:18px; flex:0 0 18px; accent-color:var(--ca-wine); }
html[data-theme="dark"] .role-picker legend { color:rgba(243,236,226,.7); }
html[data-theme="dark"] .role-picker label>span { border-color:rgba(243,236,226,.14); background:rgba(243,236,226,.035); }
html[data-theme="dark"] .role-picker input:checked+span { border-color:rgba(243,236,226,.42); background:rgba(243,236,226,.075); }
html[data-theme="dark"] .role-picker strong { color:var(--ca-beige); }
html[data-theme="dark"] .role-picker svg { stroke:#e6b6c0; }
html[data-theme="dark"] .slug-control>b { color:rgba(243,236,226,.54); }

.pending-shell { min-height:100vh; padding:90px 22px 40px; display:grid; place-items:center; }
.pending-brand { position:absolute; left:clamp(24px,4vw,66px); top:clamp(24px,3vw,48px); }
.pending-brand img { filter:none; }
.pending-card { width:min(760px,100%); padding:clamp(36px,6vw,78px); position:relative; overflow:hidden; border:1px solid rgba(110,18,35,.15); border-radius:42px; background:rgba(251,247,241,.86); box-shadow:0 38px 110px rgba(65,8,20,.15); text-align:center; }
.pending-card h1 { margin:26px 0 22px; color:var(--ca-ink)!important; font-size:clamp(45px,6vw,78px); line-height:.93; letter-spacing:-.065em; }
.pending-card h1 em { color:rgba(110,18,35,.6)!important; font:400 italic .7em/1 Georgia,serif; }
.pending-card>p { max-width:570px; margin:auto; color:var(--ca-muted); line-height:1.75; }
.pending-mark { width:86px; height:86px; margin:0 auto 28px; display:grid; place-items:center; position:relative; border-radius:28px; color:var(--ca-beige); background:linear-gradient(145deg,#8c1b31,var(--ca-wine)); box-shadow:0 20px 44px rgba(110,18,35,.25); transform:rotate(-5deg); }
.pending-mark i { position:absolute; inset:8px; border:1px solid rgba(243,236,226,.26); border-radius:21px; }
.pending-mark b { font:400 30px/1 Georgia,serif; }
.pending-url { margin:30px auto; padding:17px 20px; display:grid; gap:7px; border:1px solid rgba(110,18,35,.13); border-radius:18px; background:rgba(110,18,35,.045); }
.pending-url small { color:var(--ca-muted); }
.pending-url strong { color:var(--ca-wine); font:650 13px/1.4 ui-monospace,monospace; }
.pending-steps { margin:30px 0; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.pending-steps span { min-height:82px; padding:12px; display:flex; align-items:center; justify-content:center; gap:9px; border:1px solid rgba(110,18,35,.12); border-radius:17px; color:var(--ca-muted); font-size:10px; }
.pending-steps i { width:24px; height:24px; display:grid; place-items:center; border-radius:8px; background:rgba(110,18,35,.08); font-style:normal; }
.pending-steps .is-done { color:var(--ca-wine); background:rgba(110,18,35,.055); }
.pending-actions { display:flex; justify-content:center; gap:12px; }
.pending-actions a { padding:14px 18px; border:1px solid rgba(110,18,35,.16); border-radius:999px; color:var(--ca-wine); }
.pending-actions a:last-child { color:var(--ca-beige); background:var(--ca-wine); }
html[data-theme="dark"] .pending-brand img { filter:brightness(0) invert(95%) sepia(12%) saturate(315%) hue-rotate(337deg) brightness(104%); }
html[data-theme="dark"] .pending-card { border-color:rgba(243,236,226,.14); background:rgba(35,9,15,.88); box-shadow:0 38px 110px rgba(0,0,0,.35); }
html[data-theme="dark"] .pending-card h1 { color:var(--ca-beige)!important; }
html[data-theme="dark"] .pending-card h1 em { color:rgba(243,236,226,.62)!important; }
html[data-theme="dark"] .pending-url,html[data-theme="dark"] .pending-steps span { border-color:rgba(243,236,226,.13); background:rgba(243,236,226,.035); }
html[data-theme="dark"] .pending-url strong,html[data-theme="dark"] .pending-steps .is-done,html[data-theme="dark"] .pending-actions a { color:#e7b1bd; }

@media(max-width:1080px) {
  .auth-shell--register { grid-template-columns:minmax(0,.72fr) minmax(540px,1fr); }
  .auth-muse { opacity:.22; }
}
@media(max-width:820px) {
  .auth-shell--register { display:flex; }
  .register-story { position:relative; top:auto; min-height:620px; }
}
@media(max-width:560px) {
  .register-fields,.role-picker,.pending-steps { grid-template-columns:1fr; }
  .field-wide { grid-column:auto; }
  .slug-control input { padding-right:17px!important; }
  .slug-control>b { position:static; display:block; max-width:none; padding:8px 4px 0; transform:none; }
  .pending-actions { flex-direction:column; }
}