/* =========================================================
   vSAFE-27R9E — Register Premium Final Rebuild
   Strictly scoped to /register so public and panel pages stay safe.
   ========================================================= */

body.page-daftar-akun{
  background:
    radial-gradient(circle at 12% 18%,rgba(32,199,255,.11),transparent 28%),
    radial-gradient(circle at 88% 12%,rgba(18,109,255,.09),transparent 30%),
    #F6F9FD!important;
}
body.page-daftar-akun .premium-bg{opacity:.35!important}
body.page-daftar-akun .sf-register-page--premium{
  padding:32px 20px 48px!important;
}
body.page-daftar-akun .sf-register-shell{
  width:min(1240px,100%)!important;
  margin:0 auto!important;
}
body.page-daftar-akun .sf-register-top{display:none!important}
body.page-daftar-akun .sf-register-card--split{
  display:grid!important;
  grid-template-columns:minmax(340px,.9fr) minmax(0,1.35fr)!important;
  width:100%!important;
  min-height:690px!important;
  overflow:hidden!important;
  border:1px solid #D6E4F3!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 30px 80px rgba(7,26,51,.12)!important;
}
body.page-daftar-akun .sf-register-aside{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
  padding:44px 42px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0)),
    linear-gradient(145deg,#F2F8FF 0%,#E7F3FF 55%,#DDEEFF 100%)!important;
  border-right:1px solid #D9E7F5!important;
}
body.page-daftar-akun .sf-register-aside:before,
body.page-daftar-akun .sf-register-aside:after{
  content:""!important;
  position:absolute!important;
  border-radius:999px!important;
  pointer-events:none!important;
}
body.page-daftar-akun .sf-register-aside:before{
  width:300px!important;height:300px!important;left:-180px!important;top:-150px!important;
  background:rgba(32,199,255,.10)!important;
}
body.page-daftar-akun .sf-register-aside:after{
  width:260px!important;height:260px!important;right:-150px!important;bottom:-120px!important;
  background:rgba(18,109,255,.10)!important;
}
body.page-daftar-akun .sf-register-aside__content{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
}
body.page-daftar-akun .sf-register-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-height:30px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  background:#DCEEFF!important;
  color:#0B63DB!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.03em!important;
}
body.page-daftar-akun .sf-register-aside h1{
  margin:22px 0 14px!important;
  max-width:440px!important;
  color:#071A33!important;
  font-size:clamp(31px,3vw,44px)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  font-weight:900!important;
}
body.page-daftar-akun .sf-register-aside>div>p{
  max-width:440px!important;
  margin:0!important;
  color:#5A708E!important;
  font-size:14px!important;
  line-height:1.7!important;
}
body.page-daftar-akun .sf-register-benefits{
  display:grid!important;
  gap:14px!important;
  margin-top:28px!important;
}
body.page-daftar-akun .sf-register-benefit{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  align-items:start!important;
  gap:13px!important;
  padding:13px 14px!important;
  border:1px solid rgba(176,205,237,.72)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 28px rgba(7,26,51,.045)!important;
}
body.page-daftar-akun .sf-register-benefit__icon{
  width:46px!important;height:46px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#0C52C8,#126DFF 60%,#20C7FF)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(18,109,255,.20)!important;
}
body.page-daftar-akun .sf-register-benefit__icon svg{width:22px!important;height:22px!important}
body.page-daftar-akun .sf-register-benefit b{
  display:block!important;
  margin:1px 0 3px!important;
  color:#08245C!important;
  font-size:13px!important;
  line-height:1.35!important;
}
body.page-daftar-akun .sf-register-benefit small{
  display:block!important;
  color:#607591!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
body.page-daftar-akun .sf-register-trust-visual{
  position:relative!important;
  width:210px!important;
  height:130px!important;
  margin:auto auto 0!important;
}
body.page-daftar-akun .sf-register-trust-visual>span{
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border:1px solid rgba(18,109,255,.16)!important;
  border-radius:50%!important;
}
body.page-daftar-akun .sf-register-trust-visual>span:nth-child(2){width:200px!important;height:62px!important;bottom:5px!important}
body.page-daftar-akun .sf-register-trust-visual>span:nth-child(3){width:150px!important;height:44px!important;bottom:15px!important}
body.page-daftar-akun .sf-register-trust-visual>span:nth-child(4){width:95px!important;height:28px!important;bottom:23px!important}
body.page-daftar-akun .sf-register-shield{
  position:absolute!important;
  z-index:2!important;
  left:50%!important;
  top:0!important;
  transform:translateX(-50%)!important;
  width:94px!important;
  height:94px!important;
  filter:drop-shadow(0 18px 26px rgba(18,109,255,.24))!important;
}
body.page-daftar-akun .sf-register-shield svg{width:100%!important;height:100%!important}

body.page-daftar-akun .sf-register-main{
  min-width:0!important;
  padding:38px 42px 34px!important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FCFEFF 100%)!important;
}
body.page-daftar-akun .sf-register-heading--compact{
  padding:0 0 22px!important;
  border-bottom:1px solid #E2ECF6!important;
  background:none!important;
}
body.page-daftar-akun .sf-register-heading--compact:after{display:none!important}
body.page-daftar-akun .sf-register-heading--compact>span{
  color:#126DFF!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
body.page-daftar-akun .sf-register-heading--compact h2{
  margin:7px 0 8px!important;
  color:#071A33!important;
  font-size:34px!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
  font-weight:900!important;
}
body.page-daftar-akun .sf-register-heading--compact p{
  margin:0!important;
  color:#536A87!important;
  font-size:13px!important;
  line-height:1.6!important;
}
body.page-daftar-akun .sf-register-heading--compact small{
  display:block!important;
  margin-top:5px!important;
  color:#71849C!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}
body.page-daftar-akun .sf-register-form--premium{
  padding:22px 0 0!important;
}
body.page-daftar-akun .sf-register-role-fieldset{
  min-width:0!important;
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
}
body.page-daftar-akun .sf-register-role-fieldset legend{
  width:100%!important;
  margin:0 0 9px!important;
  padding:0!important;
  color:#1D3150!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
body.page-daftar-akun .sf-register-role-fieldset legend b,
body.page-daftar-akun .sf-field>span b{color:#E11D48!important}
body.page-daftar-akun .sf-register-role-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
body.page-daftar-akun .sf-register-role-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:18px 44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  min-height:96px!important;
  padding:14px!important;
  border:1px solid #D3E0EF!important;
  border-radius:16px!important;
  background:#fff!important;
  cursor:pointer!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
body.page-daftar-akun .sf-register-role-card:hover{
  border-color:#8DC0FF!important;
  box-shadow:0 10px 24px rgba(18,109,255,.08)!important;
}
body.page-daftar-akun .sf-register-role-card:has(input:checked){
  border-color:#126DFF!important;
  background:#F4F9FF!important;
  box-shadow:0 0 0 3px rgba(18,109,255,.08)!important;
}
body.page-daftar-akun .sf-register-role-card input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.page-daftar-akun .sf-register-role-card__radio{
  width:18px!important;height:18px!important;
  border:2px solid #B7C8DB!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 4px #fff!important;
}
body.page-daftar-akun .sf-register-role-card:has(input:checked) .sf-register-role-card__radio{
  border-color:#126DFF!important;
  background:#126DFF!important;
}
body.page-daftar-akun .sf-register-role-card__icon{
  width:44px!important;height:44px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:13px!important;
  background:#EEF6FF!important;
  color:#126DFF!important;
}
body.page-daftar-akun .sf-register-role-card__icon svg{width:22px!important;height:22px!important}
body.page-daftar-akun .sf-register-role-card>span:last-child{min-width:0!important}
body.page-daftar-akun .sf-register-role-card>span:last-child b{
  display:block!important;color:#0B2347!important;font-size:13px!important;line-height:1.35!important
}
body.page-daftar-akun .sf-register-role-card>span:last-child small{
  display:block!important;margin-top:4px!important;color:#6C7E96!important;font-size:10.8px!important;line-height:1.45!important
}
body.page-daftar-akun .sf-register-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 16px!important;
}
body.page-daftar-akun .sf-register-grid .sf-field--full{grid-column:1/-1!important}
body.page-daftar-akun .sf-field{
  display:grid!important;
  gap:7px!important;
  min-width:0!important;
  color:#1B3150!important;
  font-size:11.5px!important;
  font-weight:800!important;
}
body.page-daftar-akun .sf-field input,
body.page-daftar-akun .sf-field select,
body.page-daftar-akun .sf-password-field{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.page-daftar-akun .sf-field input,
body.page-daftar-akun .sf-field select{
  min-height:47px!important;
  padding:0 14px!important;
  border:1px solid #C9D9EA!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#14243B!important;
  font-size:12.5px!important;
  outline:0!important;
  box-shadow:none!important;
}
body.page-daftar-akun .sf-field input:focus,
body.page-daftar-akun .sf-field select:focus{
  border-color:#126DFF!important;
  box-shadow:0 0 0 3px rgba(18,109,255,.09)!important;
}
body.page-daftar-akun .sf-password-field{position:relative!important}
body.page-daftar-akun .sf-password-field input{padding-right:48px!important}
body.page-daftar-akun .sf-password-field button{
  position:absolute!important;
  top:50%!important;right:8px!important;
  transform:translateY(-50%)!important;
  width:34px!important;height:34px!important;min-height:34px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;border:0!important;border-radius:10px!important;
  background:transparent!important;color:#536A87!important;cursor:pointer!important;
}
body.page-daftar-akun .sf-password-field button:hover{background:#EEF6FF!important;color:#126DFF!important}
body.page-daftar-akun .sf-password-field button svg{width:18px!important;height:18px!important}
body.page-daftar-akun .sf-register-statement{
  margin:16px 0 11px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#6B7F98!important;
  font-size:10.8px!important;
  line-height:1.55!important;
}
body.page-daftar-akun .sf-register-statement p{margin:0 0 4px!important}
body.page-daftar-akun .sf-register-statement a{color:#0B63DB!important;font-weight:800!important;text-decoration:none!important}
body.page-daftar-akun .sf-consent-box--compact{
  margin:0!important;
  padding:13px 14px!important;
  border:1px solid #A9D4FF!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#F2F8FF,#EBF5FF)!important;
  box-shadow:none!important;
}
body.page-daftar-akun .sf-consent-box--compact .sf-consent-box__head{
  display:block!important;
  margin:0 0 8px!important;
  padding:0!important;
  border:0!important;
}
body.page-daftar-akun .sf-consent-box--compact h3{
  margin:0!important;
  color:#08245C!important;
  font-size:12.5px!important;
  line-height:1.35!important;
  font-weight:850!important;
}
body.page-daftar-akun .sf-consent-box--compact .sf-consent-box__head p{
  margin:2px 0 0!important;
  color:#6D8097!important;
  font-size:10.2px!important;
  line-height:1.4!important;
}
body.page-daftar-akun .sf-consent-box--compact .sf-consent-list{
  display:grid!important;
  gap:7px!important;
}
body.page-daftar-akun .sf-consent-box--compact label.sf-consent-item{
  display:grid!important;
  grid-template-columns:17px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:9px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 9px!important;
  border:1px solid rgba(166,199,235,.58)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.72)!important;
  cursor:pointer!important;
}
body.page-daftar-akun .sf-consent-box--compact .sf-consent-item input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  display:block!important;
  position:static!important;
  width:17px!important;height:17px!important;
  min-width:17px!important;min-height:17px!important;
  margin:1px 0 0!important;
  padding:0!important;
  accent-color:#126DFF!important;
  opacity:1!important;visibility:visible!important;
}
body.page-daftar-akun .sf-consent-box--compact .sf-consent-copy{
  min-width:0!important;
  color:#385473!important;
  font-size:10.8px!important;
  line-height:1.5!important;
  font-weight:600!important;
  overflow-wrap:anywhere!important;
}
body.page-daftar-akun .sf-consent-copy a{color:#0B63DB!important;font-weight:800!important;text-decoration:none!important}
body.page-daftar-akun .sf-register-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  margin-top:14px!important;
}
body.page-daftar-akun .sf-register-actions .btn{
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:12px!important;
  font-size:12.5px!important;
  font-weight:850!important;
  text-decoration:none!important;
}
body.page-daftar-akun .sf-register-actions .btn-primary{
  order:1!important;
  border:0!important;
  background:linear-gradient(135deg,#08245C 0%,#126DFF 62%,#20C7FF 100%)!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(18,109,255,.22)!important;
}
body.page-daftar-akun .sf-register-actions .btn-outline{
  order:2!important;
  border:1px solid #126DFF!important;
  background:#fff!important;
  color:#0B56C7!important;
}
body.page-daftar-akun .sf-register-actions [disabled]{
  opacity:.48!important;
  filter:saturate(.4)!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
}
body.page-daftar-akun .sf-register-existing{
  margin:17px 0 0!important;
  color:#6C7E96!important;
  font-size:11.5px!important;
  text-align:center!important;
}
body.page-daftar-akun .sf-register-existing a{color:#0B63DB!important;font-weight:850!important;text-decoration:none!important}

@media(max-width:1050px){
  body.page-daftar-akun .sf-register-card--split{grid-template-columns:minmax(290px,.75fr) minmax(0,1.25fr)!important}
  body.page-daftar-akun .sf-register-aside{padding:34px 28px!important}
  body.page-daftar-akun .sf-register-main{padding:32px 30px!important}
}
@media(max-width:820px){
  body.page-daftar-akun .sf-register-page--premium{padding:18px 14px 34px!important}
  body.page-daftar-akun .sf-register-card--split{grid-template-columns:1fr!important;min-height:0!important;border-radius:22px!important}
  body.page-daftar-akun .sf-register-aside{padding:28px 24px 24px!important;border-right:0!important;border-bottom:1px solid #D9E7F5!important}
  body.page-daftar-akun .sf-register-aside h1{font-size:30px!important;max-width:620px!important}
  body.page-daftar-akun .sf-register-aside>div>p{max-width:680px!important}
  body.page-daftar-akun .sf-register-benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:20px!important}
  body.page-daftar-akun .sf-register-benefit{grid-template-columns:38px minmax(0,1fr)!important;padding:11px!important}
  body.page-daftar-akun .sf-register-benefit__icon{width:38px!important;height:38px!important;border-radius:11px!important}
  body.page-daftar-akun .sf-register-benefit small{font-size:10.5px!important}
  body.page-daftar-akun .sf-register-trust-visual{display:none!important}
  body.page-daftar-akun .sf-register-main{padding:28px 24px!important}
}
@media(max-width:600px){
  body.page-daftar-akun .sf-register-page--premium{padding:10px 8px 24px!important}
  body.page-daftar-akun .sf-register-card--split{border-radius:17px!important}
  body.page-daftar-akun .sf-register-aside{padding:22px 18px!important}
  body.page-daftar-akun .sf-register-eyebrow{min-height:27px!important;font-size:10px!important}
  body.page-daftar-akun .sf-register-aside h1{margin:15px 0 9px!important;font-size:26px!important}
  body.page-daftar-akun .sf-register-aside>div>p{font-size:12.5px!important;line-height:1.6!important}
  body.page-daftar-akun .sf-register-benefits{grid-template-columns:1fr!important;gap:8px!important;margin-top:16px!important}
  body.page-daftar-akun .sf-register-benefit{min-height:0!important}
  body.page-daftar-akun .sf-register-main{padding:22px 16px 18px!important}
  body.page-daftar-akun .sf-register-heading--compact{padding-bottom:17px!important}
  body.page-daftar-akun .sf-register-heading--compact h2{font-size:29px!important}
  body.page-daftar-akun .sf-register-role-grid,
  body.page-daftar-akun .sf-register-grid,
  body.page-daftar-akun .sf-register-actions{grid-template-columns:1fr!important}
  body.page-daftar-akun .sf-register-role-card{min-height:82px!important}
  body.page-daftar-akun .sf-register-grid .sf-field--full{grid-column:auto!important}
  body.page-daftar-akun .sf-register-actions .btn-primary{order:1!important}
  body.page-daftar-akun .sf-register-actions .btn-outline{order:2!important}
  body.page-daftar-akun .sf-consent-box--compact{padding:11px!important}
  body.page-daftar-akun .sf-consent-box--compact .sf-consent-copy{font-size:10.5px!important}
}