.registration-choice-shell{min-height:340px;display:flex;flex-direction:column;justify-content:center;gap:25px}
.registration-choice-shell[hidden],.registration-choice-step[hidden]{display:none!important}
.amorae-registration-page #authSwitch[hidden]{display:none!important}
.registration-choice-step h2{font:800 clamp(28px,7vw,36px)/1.13 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.045em;color:#271d22;margin:12px 0 26px}
.registration-choice-options{display:grid;gap:12px}
.registration-choice-options button{background:#fff;border:1px solid #e4dade;border-radius:15px;padding:19px 22px;color:#2e2028;font:750 18px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;text-align:left;cursor:pointer;min-height:62px}
.registration-choice-options button:hover,.registration-choice-options button:focus-visible{border-color:#8b1e3f;background:#fcf8f9;outline:none}
.registration-choice-step label{display:block;font-weight:750;margin-bottom:11px}
.registration-choice-step select{display:block;width:100%;min-height:55px;background:#fff;border:1px solid #ded5d8;border-radius:13px;padding:12px 16px;font:650 16px system-ui,sans-serif;color:#2e2028}
.registration-choice-step #registrationAgeNext{width:100%;margin-top:25px}
.registration-step-back{align-self:flex-start;background:transparent;border:0;color:#7c2140;font:750 14px system-ui,sans-serif;padding:8px 0;cursor:pointer}
@media(min-width:640px){.registration-choice-shell{min-height:380px}}

/* One native-mobile selection card: compact choices, two questions, one action. */
.amorae-registration-page .registration-choice-shell{min-height:0;justify-content:flex-start;gap:0}
.amorae-registration-page .registration-choice-step h2{margin:22px 0 15px;font:800 25px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.035em;color:#e64f70}
.amorae-registration-page .registration-choice-step .registration-looking-title{margin:32px 0 2px}
.amorae-registration-page .registration-looking-note{margin:0 0 17px;font:400 15px/1.4 Inter,system-ui,sans-serif;color:#4a4548}
.amorae-registration-page .registration-choice-options{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 9px}
.amorae-registration-page .registration-choice-options button{min-height:46px;padding:9px 13px;border:1px solid #a9a3a5;border-radius:13px;background:#fff;color:#3e3a3d;font:500 15px/1.2 Inter,system-ui,sans-serif;text-align:center;white-space:nowrap;box-shadow:none}
.amorae-registration-page .registration-choice-options button[aria-pressed="true"]{border-color:#8b1e3f;background:#fbedf1;color:#831c3b;font-weight:700}
.amorae-registration-page .registration-choice-options button:focus-visible{outline:2px solid #8b1e3f;outline-offset:2px}
.amorae-registration-page .registration-choices-next{display:block;width:min(100%,310px);margin:clamp(55px,16dvh,135px) auto 0;min-height:53px;border-radius:12px!important;background:#8b1e3f!important;font-weight:750;letter-spacing:.02em}
.amorae-registration-page .registration-choices-next:disabled{background:#bcbcbc!important;color:#fff!important;cursor:not-allowed}
.amorae-registration-page .registration-choice-step #registrationChoicesNext{box-sizing:border-box;flex-grow:0!important;flex-shrink:0!important;width:min(100%,310px)!important;height:52px!important;min-height:52px!important;max-height:52px!important;padding:0 18px!important}
.amorae-registration-page .onboarding-card:has(#registrationChoices:not([hidden])) .registration-intro{display:none}
@media(max-width:600px){
  .amorae-registration-page .onboarding-card{padding-top:10px!important}
  .amorae-registration-page .registration-intro{margin-bottom:6px!important}
  .amorae-registration-page .registration-intro .onboarding-eyebrow{display:none}
  .amorae-registration-page .registration-intro h1{margin:8px 0 12px!important;font-size:25px!important}
  .amorae-registration-page .registration-choice-shell{padding:0 4px}
  .amorae-registration-page .registration-choice-step h2{font-size:24px}
  .amorae-registration-page .registration-choice-options button{min-height:45px;padding-inline:12px;font-size:14px}
  .amorae-registration-page .registration-choices-next{margin-top:clamp(60px,18dvh,150px)}
}
.amorae-registration-page #registerForm .registration-legal-consent{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:15px 0 0!important;color:#5c5357!important;font:500 12px/1.5 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.amorae-registration-page #registerForm .registration-legal-consent input{flex:0 0 18px;width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;accent-color:#8b1e3f}
.amorae-registration-page #registerForm .registration-legal-consent a{color:#8b1e3f;text-decoration:none;font-weight:650}

/* Compact native-style birthday wheel, anchored to the mobile viewport. */
.birthday-picker-overlay[hidden]{display:none!important}
.birthday-picker-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center}
.birthday-picker-scrim{position:absolute;inset:0;background:rgba(0,0,0,.32)}
.birthday-picker-sheet{position:relative;z-index:1;box-sizing:border-box;width:100%;max-width:650px;padding:0 0 max(14px,env(safe-area-inset-bottom));background:#fff;color:#3e3b3d;box-shadow:0 -3px 15px rgba(0,0,0,.09)}
.birthday-picker-actions{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e5e5e5}
.birthday-picker-actions button{border:0;background:transparent;color:#6c6267;font:500 15px Inter,system-ui,sans-serif;min-height:44px;padding:0 4px}
.birthday-picker-actions #birthdayPickerDone{color:#d85c73}
.birthday-picker-wheels{position:relative;display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:2px;height:190px;overflow:hidden;padding:0 12px}
.birthday-picker-wheel{position:relative;z-index:2;height:190px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;padding:76px 0;box-sizing:border-box;outline-offset:-2px}
.birthday-picker-wheel::-webkit-scrollbar{display:none}
.birthday-picker-item{display:block;box-sizing:border-box;scroll-snap-align:center;width:100%;height:38px;min-height:38px;padding:0;border:0;background:transparent;color:#514c4e;font:500 15px Inter,system-ui,sans-serif;text-align:center;white-space:nowrap}
.birthday-picker-item[aria-selected="true"]{font-weight:750;color:#292528}
.birthday-picker-selection{pointer-events:none;position:absolute;z-index:1;top:76px;left:0;right:0;height:38px;border-top:1px solid #c1bec0;border-bottom:1px solid #c1bec0;background:#f3f3f3}
.birthday-picker-error{margin:4px 18px 8px;text-align:center;color:#9c2143;font:600 12px Inter,system-ui,sans-serif}
body.birthday-picker-open{overflow:hidden}
@media(max-width:820px){
  .amorae-registration-page .registration-birthday-step #registrationBirthdayOpen{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:44px;min-height:44px;padding:0 8px;border:1px solid #dedbdd;border-radius:9px;background:#fff;box-shadow:none;color:#777176;font:400 15px Inter,system-ui,sans-serif}
  .amorae-registration-page .registration-birthday-step #registrationBirthdayOpen:focus-visible{outline:2px solid #8b1e3f;outline-offset:2px}
}

/* Final approved native-mobile presentation: no back arrow, no framed panel. */
.amorae-registration-page .registration-progress-dots{display:none}
.amorae-registration-page .registration-progress-dots[hidden]{display:none!important}
.amorae-registration-page .registration-native-back{position:absolute;z-index:2;top:12px;left:16px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#333;box-shadow:none}
.amorae-registration-page .registration-native-back svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.amorae-registration-page .registration-native-back:focus-visible{outline:2px solid #8b1e3f;outline-offset:2px}
@media(max-width:820px){
  body.amorae-registration-page{background:#fff!important}
  .amorae-registration-page .onboarding-shell{width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0!important}
  .amorae-registration-page .registration-topbar{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:44px 24px 42px!important;align-items:center!important;min-height:120px!important;margin:0!important;padding:12px 22px 8px!important;border:0!important;background:#fff!important}
  .amorae-registration-page .registration-topbar .registration-native-back{grid-column:1;grid-row:1;justify-self:start;align-self:center;position:absolute;top:12px;left:14px;width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;background:transparent!important;border:0!important}
  .amorae-registration-page .registration-topbar .onboarding-brand{grid-column:1;grid-row:1;justify-self:center!important;margin:0!important}
  .amorae-registration-page .registration-topbar .registration-progress-dots:not([hidden]){grid-column:1;grid-row:2;display:flex;justify-content:center;align-items:center;gap:16px;min-height:24px}
  .amorae-registration-page .registration-progress-dot{display:block;width:9px;height:9px;border-radius:50%;background:#e9e9e9}
  .amorae-registration-page .registration-progress-dot.is-active{background:#ed5575}
  .amorae-registration-page .registration-topbar .registration-contact-support{grid-column:1;grid-row:3;justify-self:end!important;padding:9px 11px!important;background:#fff5f7!important;border-color:#f2d7df!important;color:#8b1e3f!important}
  .amorae-registration-page .onboarding-card{width:100%!important;max-width:none!important;min-height:calc(100dvh - 120px)!important;padding:18px 24px max(24px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
  .amorae-registration-page .registration-choice-shell{min-height:calc(100dvh - 214px)!important;padding:0!important}
  .amorae-registration-page .registration-choice-step[data-registration-step="gender"]{display:flex;flex-direction:column;min-height:calc(100dvh - 234px)}
  .amorae-registration-page .registration-choice-step h2{margin-top:16px;font-size:23px}
  .amorae-registration-page .registration-choice-options{gap:10px 9px}
  .amorae-registration-page .registration-choice-options button{min-height:44px;padding:9px 12px;border-radius:12px;font-size:14px}
  .amorae-registration-page .registration-choice-step .registration-looking-title{margin-top:32px}
  .amorae-registration-page .registration-choice-step #registrationChoicesNext{display:flex!important;flex:0 0 52px!important;align-self:center!important;width:min(100%,310px)!important;height:52px!important;min-height:52px!important;max-height:52px!important;margin:auto auto 11px!important;padding:0 18px!important;border-radius:10px!important;line-height:1.2!important;align-items:center!important;justify-content:center!important}
  .amorae-registration-page .registration-first-signin{margin:0 auto 25px!important;text-align:center;color:#777078;font:500 12px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:0!important}
  .amorae-registration-page .registration-first-signin a{color:#8b1e3f;font-weight:700;text-decoration:none}
  .amorae-registration-page .onboarding-card:has(#registrationChoices:not([hidden])) .onboarding-exit{margin:0 auto 12px}
  .amorae-registration-page #registrationStepBack,.amorae-registration-page #registrationCredentialsBack{display:none!important}
  .amorae-registration-page .registration-topbar:has(+ .onboarding-card .registration-birthday-step:not([hidden])){grid-template-rows:44px 24px!important;min-height:88px!important}
  .amorae-registration-page .registration-topbar:has(+ .onboarding-card .registration-birthday-step:not([hidden])) .registration-contact-support{display:none!important}
  .amorae-registration-page .registration-birthday-step:not([hidden]){display:flex;flex-direction:column;align-items:center;min-height:calc(100dvh - 190px);text-align:center;padding:28px 0 0}
  .amorae-registration-page .registration-birthday-step h2{margin:0 0 17px;color:#454246;font:500 25px/1.3 Inter,system-ui,sans-serif;letter-spacing:0}
  .amorae-registration-page .registration-birthday-step .registration-birthday-field{display:block;width:min(100%,225px);margin:0}
  .amorae-registration-page .registration-birthday-step #registrationBirthday{box-sizing:border-box;width:100%;height:58px;padding:0 16px;border:1px solid #cac7c8;border-radius:11px;background:#fff;color:#5b5659;font:400 19px Inter,system-ui,sans-serif;text-align:center}
  .amorae-registration-page .registration-birthday-step .registration-name-title{margin:48px 0 13px}
  .amorae-registration-page .registration-birthday-step #registrationDisplayName{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;width:min(100%,225px)!important;height:43px!important;min-height:43px!important;padding:0 4px!important;border:0!important;border-bottom:1px solid #c6c2c4!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:center;color:#3f3b3d;font:400 17px Inter,system-ui,sans-serif}
  .amorae-registration-page .registration-birthday-step #registrationAgeNext{box-sizing:border-box;display:flex;flex:0 0 46px!important;align-items:center;justify-content:center;align-self:center;width:min(100%,225px)!important;height:46px!important;min-height:46px!important;max-height:46px!important;padding:0 18px!important;margin:auto 0 32px!important;border-radius:9px!important;background:#8b1e3f;font-weight:750;line-height:1.2!important}
  .amorae-registration-page .registration-birthday-step #registrationAgeNext:disabled{background:#bcbcbc;color:#fff;cursor:not-allowed}
  .amorae-registration-page .registration-birthday-step #registrationBirthday::-webkit-calendar-picker-indicator{opacity:0;width:0;margin:0;padding:0}
}

/* Approved final registration card: one light surface, centered email/password lines. */
@media(max-width:820px){
  .amorae-registration-page .registration-topbar:has(+ .onboarding-card #registerForm:not([hidden])){grid-template-rows:44px 24px!important;min-height:88px!important}
  .amorae-registration-page .registration-topbar:has(+ .onboarding-card #registerForm:not([hidden])) .registration-contact-support{display:none!important}
  .amorae-registration-page .onboarding-card:has(#registerForm:not([hidden])) .registration-intro{display:none!important}
  .amorae-registration-page #registerForm:not([hidden]){display:flex!important;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;min-height:calc(100dvh - 190px);padding:29px 0 0!important;margin:0!important;gap:0!important;background:#fff!important}
  .amorae-registration-page #registerForm>label{display:block!important;align-self:center!important;width:auto!important;margin:0 0 21px!important;color:#484448!important;font:500 25px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-align:center!important}
  .amorae-registration-page #registerForm .registration-field{position:relative!important;box-sizing:border-box!important;width:min(100%,260px)!important;margin:0 0 68px!important;padding:0!important}
  .amorae-registration-page #registerForm .registration-field input{appearance:none!important;-webkit-appearance:none!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:43px!important;min-height:43px!important;padding:0 29px 0 9px!important;border:0!important;border-bottom:1px solid #c6c2c4!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;color:#353135!important;font:400 17px/1.3 Inter,system-ui,sans-serif!important;text-align:center!important}
  .amorae-registration-page #registerForm .registration-field input::placeholder{color:#777176!important;opacity:1!important;font-weight:400!important}
  .amorae-registration-page #registerForm .registration-field input:focus{outline:none!important;border-bottom-color:#8b1e3f!important;box-shadow:none!important}
  .amorae-registration-page #registerForm .registration-field-icon,.amorae-registration-page #registerForm .registration-lock-icon{display:none!important}
  .amorae-registration-page #registerForm .registration-password-toggle{right:0!important;width:29px!important;min-width:29px!important;height:40px!important;min-height:40px!important;color:#777176!important}
  .amorae-registration-page #registerForm .registration-password-toggle .password-eye{width:18px!important;height:18px!important}
  .amorae-registration-page #registerForm .registration-verification-note{display:none!important}
  .amorae-registration-page #registerForm .onboarding-actions{position:static!important;display:flex!important;align-self:center!important;box-sizing:border-box!important;flex:0 0 46px!important;width:min(100%,225px)!important;margin:auto 0 32px!important;padding:0!important;background:transparent!important}
  .amorae-registration-page #registerForm #registerSubmit{display:flex!important;box-sizing:border-box!important;flex:1 0 auto!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:100%!important;height:46px!important;min-height:46px!important;max-height:46px!important;padding:0 16px!important;border:0!important;border-radius:9px!important;background:#8b1e3f!important;color:#fff!important;font:750 14px/1.2 Inter,system-ui,sans-serif!important;box-shadow:none!important}
  .amorae-registration-page #registerForm #registerSubmit:disabled{background:#bcbcbc!important;color:#fff!important;opacity:1!important}
}

/* Verification is a plain mobile code step, without an illustration or nested card. */
@media(max-width:820px){
  .amorae-registration-page .registration-topbar:has(+ .onboarding-card #registerSuccess:not([hidden])){grid-template-rows:44px!important;min-height:68px!important;position:sticky!important;top:0!important;z-index:20!important}
  .amorae-registration-page .registration-topbar:has(+ .onboarding-card #registerSuccess:not([hidden])) .registration-contact-support{display:none!important}
  .amorae-registration-page .onboarding-card:has(#registerSuccess:not([hidden])){box-sizing:border-box;width:100%!important;min-height:calc(100dvh - 68px)!important;padding:0 24px 24px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
  .amorae-registration-page .onboarding-card:has(#registerSuccess:not([hidden])) .registration-intro{display:none!important}
  .amorae-registration-page #registerSuccess:not([hidden]){display:flex!important;flex-direction:column;align-items:center;box-sizing:border-box;min-height:calc(100dvh - 130px);padding:85px 0 0!important;margin:0!important;background:#fff!important;border:0!important;box-shadow:none!important;text-align:center}
  .amorae-registration-page #registerSuccess #registerCodeForm{display:flex!important;flex-direction:column;align-items:center;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .amorae-registration-page #registerSuccess #registerCodeForm[hidden],.amorae-registration-page #registerSuccess #registerResend[hidden]{display:none!important}
  .amorae-registration-page #registerSuccess #registerCodeForm>label{margin:0 0 20px!important;color:#474247!important;font:600 16px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-align:center!important}
  .amorae-registration-page #registerSuccess #registerCode{box-sizing:border-box!important;display:block!important;width:min(100%,260px)!important;height:51px!important;min-height:51px!important;margin:0!important;padding:0 11px!important;border:1px solid #e1dddf!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important;color:#393439!important;font:650 21px/1.3 Inter,system-ui,sans-serif!important;letter-spacing:.32em!important;text-align:center!important}
  .amorae-registration-page #registerSuccess #registerCode:focus{outline:2px solid #8b1e3f!important;outline-offset:2px;box-shadow:none!important}
  .amorae-registration-page #registerSuccess #registerCodeError{width:min(100%,260px);margin:14px 0 0!important}
  .amorae-registration-page #registerSuccess #registerCodeSubmit{box-sizing:border-box!important;display:flex!important;flex:0 0 46px!important;align-items:center!important;justify-content:center!important;width:min(100%,225px)!important;height:46px!important;min-height:46px!important;max-height:46px!important;margin:45px auto 0!important;padding:0 12px!important;border:0!important;border-radius:9px!important;background:#8b1e3f!important;color:#fff!important;font:750 14px/1.2 Inter,system-ui,sans-serif!important;box-shadow:none!important}
  .amorae-registration-page #registerSuccess #registerResend{align-self:center!important;margin:22px auto 0!important;padding:8px 12px!important;background:transparent!important;color:#8b1e3f!important;font:650 14px Inter,system-ui,sans-serif!important;box-shadow:none!important}
  .amorae-registration-page #registerSuccess #registerResendStatus{width:min(100%,260px);margin:12px 0!important}
}
