/* Signup — aroma_pharm_signup_standalone */
:root{--paper:#f8f6f1;--ink:#171714;--muted:#79756d;--line:#dfddd7}
body{background:var(--paper)}
#container_title,.ap-page-title{display:none!important}

.signup-page{
  padding-top:50px;
  min-height:100vh;
  display:flex;
  justify-content:center;
  background:var(--paper)
}
.signup-wrap{
  width:min(560px,calc(100% - 40px));
  padding:86px 0 110px
}
.signup-wrap .eyebrow{
  font-size:9px;
  letter-spacing:.24em;
  color:#7e7971;
  text-align:center;
  margin-bottom:16px
}
.signup-wrap > h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:64px;
  font-weight:400;
  line-height:.9;
  letter-spacing:-.04em;
  text-align:center;
  margin:0 0 18px;
  position:static!important;
  overflow:visible!important
}
.signup-intro{
  text-align:center;
  font-size:12px;
  line-height:1.8;
  color:#7a766f;
  margin:0 0 38px
}
.signup-section{
  border-top:1px solid #242520;
  padding-top:22px;
  margin-top:32px
}
.signup-section h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:30px;
  font-weight:400;
  margin:0 0 22px
}
.signup-form{display:grid;gap:16px}
.field{display:grid;gap:8px}
.field label{
  font-size:9px;
  letter-spacing:.14em;
  color:#666159
}
.field input,
.field select,
.signup-wrap .frm_input{
  height:50px!important;
  border:1px solid #d5d0c7!important;
  background:#fff!important;
  padding:0 14px!important;
  font:inherit;
  font-size:13px!important;
  outline:none;
  width:100%!important;
  margin:0!important;
  border-radius:0!important;
  box-sizing:border-box
}
.field input:focus,
.field select:focus,
.signup-wrap .frm_input:focus{border-color:#666159!important}
.inline{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:stretch
}
.inline button,
.signup-wrap .btn_frmline{
  padding:0 16px;
  border:1px solid #cfc9c1!important;
  background:#fff!important;
  font-size:9px!important;
  letter-spacing:.12em;
  cursor:pointer;
  height:50px;
  color:#171714!important;
  border-radius:0!important
}
.help,
.field #msg_mb_id,
.field #msg_mb_nick,
.field #msg_mb_email{
  font-size:10px;
  line-height:1.6;
  color:#918c84
}
.agreement{display:grid;gap:12px}
.agree-all{
  padding:16px 0;
  border-bottom:1px solid #ddd8d0;
  font-size:12px;
  font-weight:600
}
.agree-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  font-size:11px;
  color:#68645d
}
.agree-row label,
.agree-all label{
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer
}
.agree-row input[type=checkbox],
.agree-all input[type=checkbox],
.agreement input[type=checkbox]{
  -webkit-appearance:checkbox!important;
  appearance:checkbox!important;
  position:static!important;
  width:16px!important;
  height:16px!important;
  min-width:16px;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  z-index:1!important;
  overflow:visible!important;
  flex:0 0 auto;
  accent-color:#171714;
  border:1px solid #cfc9c1;
  background:#fff;
  vertical-align:middle
}
.agree-row a,
.agree-row button.term-view{
  font-size:9px;
  letter-spacing:.08em;
  border-bottom:1px solid #999;
  padding-bottom:3px;
  background:none;
  border-top:0;border-left:0;border-right:0;
  color:inherit;
  cursor:pointer
}
.agree-row strong{font-weight:600;color:#171714}
.signup-terms{
  display:none;
  margin-top:10px;
  max-height:180px;
  overflow:auto;
  padding:14px;
  border:1px solid #dfddd7;
  background:#fff;
  font-size:11px;
  line-height:1.7;
  color:#68645d;
  white-space:pre-wrap
}
.signup-terms.is-open{display:block}
.signup-terms table{width:100%;border-collapse:collapse;font-size:11px}
.signup-terms th,.signup-terms td{border:1px solid #e5e1da;padding:8px;text-align:left}
.signup-button,
.signup-wrap .btn_submit{
  width:100%;
  height:54px!important;
  border:0!important;
  background:#1b1c18!important;
  color:#fff!important;
  font-size:10px!important;
  letter-spacing:.17em;
  cursor:pointer;
  margin-top:34px!important;
  border-radius:0!important;
  font-weight:500!important
}
.login-link{
  text-align:center;
  margin-top:20px;
  font-size:10px;
  color:#77736c
}
.login-link a{
  margin-left:8px;
  border-bottom:1px solid #333;
  padding-bottom:4px;
  color:inherit;
  text-decoration:none
}
.signup-captcha{
  margin-top:8px
}
.signup-captcha #captcha,#captcha_mp3,#captcha_img,#captcha_key,.captcha_box{
  font-size:12px
}
.signup-wrap .sound_only{
  position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)
}

/* Register complete */
.signup-result-page .ap-page-title,
body:has(.signup-result-page) .ap-page-title,
body:has(.signup-result) .ap-page-title{display:none!important}
.signup-result{text-align:center}
.signup-result__card{
  margin:8px auto 0;
  padding:36px 28px 32px;
  border-top:1px solid #242520;
  text-align:left
}
.signup-result__hello{
  margin:0 0 28px;
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(26px,4vw,34px);
  font-weight:400;
  line-height:1.35;
  letter-spacing:-.02em;
  color:#171714;
  text-align:center
}
.signup-result__hello strong{font-weight:500}
.signup-result__note{
  margin:0 0 24px;
  padding:18px 0;
  border-top:1px solid #dfddd7;
  border-bottom:1px solid #dfddd7
}
.signup-result__note p{
  margin:0;
  font-size:12.5px;
  line-height:1.85;
  color:#68645d
}
.signup-result__meta{
  display:grid;
  gap:10px;
  margin:18px 0 14px;
  padding:0
}
.signup-result__meta>div{
  display:grid;
  grid-template-columns:88px 1fr;
  gap:12px;
  align-items:baseline
}
.signup-result__meta dt{
  margin:0;
  font-size:9px;
  letter-spacing:.14em;
  color:#8a857c;
  text-transform:uppercase
}
.signup-result__meta dd{
  margin:0;
  font-size:13px;
  color:#171714
}
.signup-result__hint{
  margin:0!important;
  font-size:11px!important;
  color:#918c84!important
}
.signup-result__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px
}
.signup-result__list li{
  position:relative;
  padding-left:16px;
  font-size:12.5px;
  line-height:1.8;
  color:#68645d
}
.signup-result__list li:before{
  content:"";
  position:absolute;
  left:0;top:.75em;
  width:5px;height:1px;
  background:#171714
}
.signup-result__actions{
  display:grid;
  gap:18px;
  margin-top:8px;
  justify-items:center
}
.signup-result__actions .signup-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  margin-top:10px!important;
  max-width:100%
}
.signup-result__sublink{
  font-size:10px;
  letter-spacing:.14em;
  color:#77736c;
  text-decoration:none;
  border-bottom:1px solid #333;
  padding-bottom:4px
}

@media(max-width:560px){
  .signup-wrap{padding:64px 0 90px}
  .signup-wrap > h1{font-size:52px}
  .inline{grid-template-columns:1fr}
  .inline button,.signup-wrap .btn_frmline{height:44px}
  .signup-result__card{padding:28px 4px 24px}
  .signup-result__meta>div{grid-template-columns:72px 1fr}
}