/* Production registration only: a compact mobile-first form in the approved Whiiso palette.
   Existing login, reset, admin, hero, and authenticated pages are untouched. */
html body #app .auth-signup-layout{
 min-height:100svh!important;display:grid!important;
 grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;
 gap:clamp(12px,2.7vw,34px)!important;
 padding:clamp(14px,2vw,28px)!important;
 align-items:stretch!important;background:#fdebed!important;
 box-sizing:border-box!important;
}
html body #app .auth-signup-layout .auth-signup-card{
 justify-content:center!important;align-items:center!important;
 background:#fff!important;color:#171518!important;
 border:1px solid #f1dfe5!important;border-radius:28px!important;
 padding:clamp(28px,4.5vw,58px)!important;
 box-shadow:0 15px 45px rgba(72,32,46,.055)!important;
 min-height:0!important;
}
html body #app .auth-signup-card .logo{
 display:inline-flex!important;align-items:center!important;gap:10px!important;
 font-size:28px!important;font-weight:900!important;
 line-height:1.15!important;letter-spacing:-.06em!important;
 margin:0 0 13px!important
}
html body #app .auth-signup-card .logo .brand-mark{width:36px!important;height:36px!important}
html body #app .auth-signup-card h1{
 font-size:clamp(36px,3.6vw,51px)!important;
 line-height:1.03!important;letter-spacing:-.055em!important;
 margin:12px 0 9px!important;font-weight:900!important;
 color:#1c191d!important;text-align:center!important
}
html body #app .auth-signup-card>p:not(.auth-switch){
 width:min(100%,415px)!important;max-width:415px!important;
 font-size:15px!important;line-height:1.47!important;
 margin:0 auto 25px!important;text-align:center!important;
 color:#645d67!important
}
html body #app .auth-signup-card #authForm{
 display:flex!important;flex-direction:column!important;
 align-items:stretch!important;gap:0!important;
 width:min(100%,420px)!important;max-width:420px!important;
 margin:0 auto!important;text-align:left!important
}
html body #app .auth-signup-card #authForm>label{
 display:block!important;width:100%!important;
 margin:0 0 15px!important;font-size:13px!important;
 font-weight:750!important;line-height:1.35!important;color:#272329!important
}
html body #app .auth-signup-card #authForm>label input{
 display:block!important;width:100%!important;
 margin:7px 0 0!important;box-sizing:border-box!important;
 min-height:53px!important;height:53px!important;
 border:1px solid #dfd7de!important;border-radius:13px!important;
 background:#fff!important;color:#231f25!important;
 -webkit-text-fill-color:#231f25!important;
 padding:0 16px!important;font:inherit!important;
 font-size:15px!important;font-weight:550!important;
 outline:0!important;box-shadow:0 1px 1px rgba(34,24,34,.025)!important;
 transition:border-color .15s ease,box-shadow .15s ease!important
}
html body #app .auth-signup-card #authForm>label input:focus{
 border-color:#b66b91!important;
 box-shadow:0 0 0 3px rgba(193,96,143,.15)!important
}
html body #app .auth-signup-card #authForm>label input::placeholder{
 color:#8c828d!important;-webkit-text-fill-color:#8c828d!important;opacity:1!important
}
html body #app .auth-signup-card .terms{
 font-size:12px!important;line-height:1.5!important;
 color:#726c74!important;width:100%!important;
 max-width:360px!important;text-align:center!important;
 margin:2px auto 19px!important
}
html body #app .auth-signup-card #authForm .primary.wide{
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:54px!important;width:100%!important;
 border-radius:13px!important;
 font-size:16px!important;font-weight:850!important;
 background:#242328!important;border-color:#242328!important;color:#fff!important;
 margin:0!important;padding:13px 20px!important;cursor:pointer!important
}
html body #app .auth-signup-card #authForm .primary.wide:hover{background:#111116!important}
html body #app .auth-signup-card #authForm .primary.wide:focus-visible{
 outline:3px solid #b86d98!important;outline-offset:3px!important
}
html body #app .auth-signup-card .auth-switch{
 margin:23px 0 0!important;font-size:14px!important;line-height:1.5!important;
 text-align:center!important;color:#56505b!important
}
html body #app .auth-signup-card .auth-switch a{
 color:#73244f!important;text-decoration:underline!important;
 font-weight:850!important;text-underline-offset:3px!important
}
html body #app .auth-signup-card #authForm .auth-inline-error{
 font-size:13px!important;line-height:1.4!important;
 padding:12px 14px!important;border-radius:11px!important;
 color:#8f1e35!important;background:#fff1f4!important;
 border:1px solid #f2c4cf!important;margin:12px 0 0!important;
 overflow-wrap:anywhere!important
}
html body #app .auth-signup-layout .auth-preview{
 min-height:560px!important;overflow:hidden!important;
 border-radius:28px!important;border:0!important;
 background:#c79aab!important
}
html body #app .auth-signup-layout .auth-preview img{
 display:block!important;width:100%!important;height:100%!important;object-fit:cover!important
}
html body #app .auth-signup-layout .auth-preview>div{
 padding:65px 35px 35px!important
}
@media(max-width:800px){
 html body #app .auth-signup-layout{
  display:block!important;padding:12px!important;min-height:100svh!important
 }
 html body #app .auth-signup-layout .auth-preview{display:none!important}
 html body #app .auth-signup-layout .auth-signup-card{
  min-height:calc(100svh - 24px)!important;
  padding:clamp(22px,6vw,38px) clamp(19px,6vw,36px)!important;
  justify-content:flex-start!important;
  border-radius:24px!important;
  box-shadow:none!important
 }
 html body #app .auth-signup-card .logo{
  margin:10px 0 17px!important;font-size:26px!important
 }
 html body #app .auth-signup-card h1{
  font-size:clamp(36px,8vw,45px)!important;margin:4px 0 9px!important
 }
 html body #app .auth-signup-card>p:not(.auth-switch){
  font-size:14px!important;max-width:370px!important;
  margin-bottom:21px!important
 }
 html body #app .auth-signup-card #authForm{max-width:400px!important}
 html body #app .auth-signup-card #authForm>label{margin-bottom:13px!important}
 html body #app .auth-signup-card #authForm>label input{
  height:50px!important;min-height:50px!important
 }
 html body #app .auth-signup-card .terms{margin-bottom:17px!important}
 html body #app .auth-signup-card .auth-switch{margin-top:21px!important}
}
@media(max-width:420px){
 html body #app .auth-signup-layout{padding:8px!important}
 html body #app .auth-signup-layout .auth-signup-card{
  padding:21px 19px 25px!important;
  min-height:calc(100svh - 16px)!important;border-radius:20px!important
 }
 html body #app .auth-signup-card .logo{
  font-size:24px!important;margin:7px 0 17px!important
 }
 html body #app .auth-signup-card .logo .brand-mark{
  width:32px!important;height:32px!important
 }
 html body #app .auth-signup-card h1{font-size:39px!important}
 html body #app .auth-signup-card>p:not(.auth-switch){
  font-size:14px!important;line-height:1.4!important;margin-bottom:18px!important
 }
 html body #app .auth-signup-card #authForm>label{
  font-size:13px!important;margin-bottom:12px!important
 }
 html body #app .auth-signup-card #authForm>label input{
  min-height:49px!important;height:49px!important;font-size:15px!important
 }
}
@media(prefers-reduced-motion:reduce){
 html body #app .auth-signup-card #authForm>label input{transition:none!important}
}