/* Native-feeling customer signup cards. The existing welcome screen is untouched. */
:root{--native-berry:#a50935;--native-ink:#111827;--native-muted:#64748b;--native-line:#e4e4e7}
body.amorae-registration-page,body.amorae-profile-setup-page{background:#f9f7f4!important;color:var(--native-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.amorae-registration-page .onboarding-shell,.amorae-profile-setup-page .onboarding-shell{width:min(100%,440px)!important;margin-inline:auto;min-height:100dvh;padding:18px 14px max(22px,env(safe-area-inset-bottom))}
.amorae-registration-page .onboarding-card,.amorae-profile-setup-page .onboarding-card{position:relative;min-height:min(760px,calc(100dvh - 36px));padding:clamp(24px,6vw,34px) 20px!important;border:1px solid #e9e5e1;border-radius:24px!important;background:#fffdfa!important;box-shadow:0 8px 35px rgba(37,24,28,.045)!important}
.amorae-registration-page .registration-topbar,.amorae-profile-setup-page .amorae-profile-header{position:relative;z-index:1;margin-bottom:10px}
.amorae-registration-page #registerTitle,.amorae-profile-setup-page #onboardingTitle{margin:22px 0 6px!important;text-align:left!important;font-size:clamp(27px,7vw,32px)!important;line-height:1.15!important;letter-spacing:-.045em!important;font-weight:800!important;color:var(--native-ink)!important;font-family:Inter,ui-sans-serif,system-ui,sans-serif!important}
.brand-color{color:var(--native-berry)!important}
.amorae-registration-page .registration-lead,.amorae-profile-setup-page .native-subtitle{margin:0 0 28px!important;text-align:left!important;color:#58708f!important;font-size:15px!important;line-height:1.5!important;font-weight:400!important}
.amorae-registration-page .onboarding-eyebrow{font-size:11px;letter-spacing:.2em;color:var(--native-berry)}
.amorae-registration-page .registration-progress,.amorae-profile-setup-page .onboarding-progress{margin:18px 0 28px!important}
.amorae-registration-page .registration-progress{border-bottom:3px solid #e7e2de;padding-bottom:10px}
.amorae-registration-page .registration-progress__active{color:var(--native-berry)}
.amorae-profile-setup-page .progress-track{height:5px!important;border-radius:20px;background:#e7e2de!important;overflow:hidden}
.amorae-profile-setup-page #progressBar{background:var(--native-berry)!important}
.amorae-profile-setup-page #progressText{color:var(--native-muted);font-size:12px}
.amorae-registration-page label:not(.check-row),.amorae-profile-setup-page .onboarding-step>label:not(.check-row){color:var(--native-ink)!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600!important}
.amorae-registration-page input:not([type=checkbox]),.amorae-profile-setup-page input:not([type=checkbox]):not([type=radio]),.amorae-profile-setup-page select,.amorae-profile-setup-page textarea{min-height:46px;border:1px solid var(--native-line)!important;border-radius:10px!important;background:#fff!important;color:var(--native-ink)!important;font-size:15px!important;box-shadow:none!important}
.amorae-registration-page input:focus-visible,.amorae-profile-setup-page input:focus-visible,.amorae-profile-setup-page select:focus-visible,.amorae-profile-setup-page textarea:focus-visible{outline:2px solid var(--native-berry)!important;outline-offset:1px}
.amorae-registration-page .registration-field-icon,.amorae-registration-page .registration-lock-icon{display:none!important}
.amorae-registration-page .registration-field input{padding-left:14px!important}
.amorae-registration-page .primary-button,.amorae-profile-setup-page .primary-button{min-height:48px!important;border:0!important;border-radius:25px!important;background:linear-gradient(105deg,#a50935,#af093a)!important;color:#fff!important;text-transform:none!important;font-size:15px!important;font-weight:700!important;letter-spacing:0!important}
.amorae-profile-setup-page .secondary-button{border:1px solid #ebe7e4!important;border-radius:24px!important;background:#fff!important;color:var(--native-ink)!important}
.amorae-profile-setup-page .onboarding-step>h2{margin:22px 0 5px!important;text-align:left!important;font-size:clamp(25px,6vw,29px)!important;line-height:1.2!important;letter-spacing:-.035em!important;font-weight:800!important;color:var(--native-ink)!important}
.amorae-profile-setup-page .onboarding-step fieldset{border-color:var(--native-line)!important;border-radius:12px!important}
.amorae-profile-setup-page .check-row{border-radius:10px!important}
.amorae-profile-setup-page input[type=radio],.amorae-profile-setup-page input[type=checkbox]{accent-color:var(--native-berry)}
.amorae-profile-setup-page .upload-button{border:1px solid #f4c3cf!important;border-radius:9px!important;background:#fff1f4!important;color:var(--native-berry)!important}
.amorae-profile-setup-page .photo-grid{gap:8px}
.amorae-profile-setup-page .photo-item{border-radius:10px!important;overflow:hidden}
.amorae-registration-page .registration-email-success h2{color:var(--native-ink);font-size:27px}
.amorae-registration-page .registration-email-panel{border-radius:16px!important;background:#fff7f8!important}
.amorae-registration-page .onboarding-exit,.amorae-profile-setup-page .onboarding-exit{font-size:13px!important}
.amorae-registration-page .onboarding-exit a,.amorae-profile-setup-page .onboarding-exit a{color:var(--native-berry)!important}
@media(max-width:600px){body.amorae-registration-page,body.amorae-profile-setup-page{background:#fffdfa!important}.amorae-registration-page .onboarding-shell,.amorae-profile-setup-page .onboarding-shell{padding:0!important;width:100%!important}.amorae-registration-page .onboarding-card,.amorae-profile-setup-page .onboarding-card{min-height:100dvh!important;padding:24px 22px max(30px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;box-shadow:none!important}.amorae-registration-page .registration-topbar,.amorae-profile-setup-page .amorae-profile-header{padding:14px 22px 0!important;margin:0!important}}
@media(prefers-reduced-motion:reduce){.amorae-registration-page *, .amorae-profile-setup-page *{scroll-behavior:auto!important;transition:none!important}}
.native-finale{text-align:center;padding:35px 8px 10px}
.native-finale[hidden]{display:none!important}
.native-finale h2{font:700 clamp(34px,9vw,46px)/1.08 Georgia,serif;color:var(--native-ink);letter-spacing:-.04em;margin:12px 0}
.native-finale .native-subtitle{text-align:center!important;margin-bottom:24px!important}
.native-hearts{position:relative;margin:4px auto 22px;color:var(--native-berry);font-size:88px;line-height:1}
.native-hearts span{color:#ff688b;font-size:62px;margin-left:-33px}
.native-heart-round{width:98px;height:98px;border-radius:50%;background:#ffe8ed;display:grid;place-items:center;color:#e52254;font-size:68px;margin:0 auto 22px}
.native-kicker{font-size:18px;font-weight:700}
.native-finale ul{list-style:none;text-align:left;padding:0;margin:30px auto;max-width:245px;color:#58708f;font-size:14px}
.native-finale li{margin:13px 0}
.native-finale li::before{content:"♥";display:inline-block;color:var(--native-berry);width:26px}
.native-finale .primary-button{display:flex;align-items:center;justify-content:center;text-decoration:none;width:100%}
/* Keep the form within one card rather than a second inset card. */
.amorae-registration-page #registerForm{padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.amorae-registration-page #registerForm .registration-field{margin-bottom:15px!important}
.amorae-registration-page #registerForm>label{display:block;margin:10px 0 7px!important}
.amorae-registration-page .registration-verification-note{font-size:12px!important;color:#66758c!important;margin:10px 0 18px!important}
.amorae-registration-page .onboarding-actions{margin-top:18px!important}
/* Let the registration card end after the sign-in link on every viewport. */
.amorae-registration-page .onboarding-card{min-height:0!important;height:auto!important;padding-bottom:28px!important}
@media(max-width:600px){.amorae-registration-page .onboarding-card{min-height:0!important;height:auto!important;padding-bottom:max(30px,env(safe-area-inset-bottom))!important}.amorae-registration-page .onboarding-shell{min-height:0!important}}
.amorae-registration-page #registerCodeForm{padding:18px 0 0;margin:0;background:transparent;border:0;box-shadow:none}
.amorae-registration-page #registerCode{display:block;width:100%;min-height:58px!important;margin:10px 0;text-align:center;letter-spacing:.55em;font-weight:700;font-size:23px!important;touch-action:manipulation}
.amorae-registration-page #registerCodeSubmit{width:100%;margin-top:20px}
.amorae-registration-page .registration-resend{display:block;margin:18px auto 0;padding:10px;background:none;border:0;color:var(--native-berry);font-weight:700;cursor:pointer}
.amorae-registration-page .registration-resend:disabled{opacity:.55;cursor:wait}