:root{--pmii-blue:#0757a6;--pmii-yellow:#f3c316;--auth-ink:#111827;--auth-muted:#7b8490;--auth-line:#dfe4ea}
*{box-sizing:border-box}
body.raAuthMode{margin:0;min-height:100dvh;overflow:hidden;background:#e9e8e5;color:var(--auth-ink)}
body.raAuthMode .raAuthMain{width:100%;height:100dvh;margin:0;padding:clamp(14px,2.2vh,24px);display:flex;align-items:center;justify-content:center}
body.raAuthMode .raAlert,body.raAuthMode .raError{position:fixed;z-index:100;top:12px;left:50%;width:min(600px,calc(100% - 28px));transform:translateX(-50%);margin:0;box-shadow:0 16px 44px rgba(16,24,40,.16)}
.raAuthScreen{width:min(1060px,100%);height:min(680px,calc(100dvh - 32px));min-height:0;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;border-radius:34px;background:#fff;box-shadow:0 26px 70px rgba(17,24,39,.14)}
.raAuthVisual{position:relative;min-width:0;min-height:0;background:#d7dce2}
.raAuthVisual:before{content:"";position:absolute;inset:0;background-image:var(--ra-auth-visual);background-size:cover;background-position:center}
.raAuthScreen--register .raAuthVisual:before,.raAuthScreen--otp .raAuthVisual:before{background-position:center 37%}
.raAuthPane{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vh,50px) clamp(34px,4.2vw,58px);overflow-y:auto;scrollbar-width:none}
.raAuthPane::-webkit-scrollbar{display:none}
.raPmiiBrand{display:flex;align-items:center;gap:11px;margin-bottom:clamp(22px,4vh,36px);color:var(--auth-ink);text-decoration:none}
.raPmiiBrand b{font-size:12px;line-height:1.25;font-weight:850}
.raPmiiLogo{display:block;width:43px;height:43px;object-fit:contain}
.raAuthPane h1{margin:0 0 25px;font-size:clamp(29px,3.4vw,42px);line-height:1;letter-spacing:-.045em;font-weight:900}
.raAuthLead,.raAuthEyebrow{display:none!important}
.raAuthForm label{display:block;margin:0 0 15px;color:#3a4350;font-size:11px;font-weight:800}
.raAuthForm input:not([type=checkbox]):not([type=radio]):not([type=range]),.raAuthForm select,.raAuthForm textarea{display:block;width:100%;height:42px;margin-top:5px;padding:8px 2px;border:0;border-bottom:1.5px solid #d6dbe1;border-radius:0;background:transparent;color:#111827;outline:none;font-size:14px;font-weight:650;box-shadow:none}
.raAuthForm input:focus,.raAuthForm select:focus,.raAuthForm textarea:focus{border-bottom-color:var(--pmii-blue)!important}
.raPasswordField{position:relative;display:block}
.raPasswordField input{padding-right:38px!important}
.raPasswordEye{
  position:absolute;
  right:0;
  bottom:5px;
  width:34px;
  height:34px;
  border:0;
  padding:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  cursor:pointer;
  opacity:1;
}
/* The icon itself is rendered only by password-eye.css. */
.raPasswordEye:hover,
.raPasswordEye.isVisible,
.raPasswordEye.isVisible:hover{background:transparent!important}


.raAuthOptions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-2px 0 15px;font-size:10px}
.raAuthOptions .raCheck{margin:0;font-weight:650}
.raAuthOptions a{color:#687281;text-decoration:none;font-weight:750}
.raAuthOptions a:hover{color:var(--pmii-blue)}
.raAuthSubmit,.raAuthSecondary{width:100%;height:44px;border-radius:12px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.raAuthSubmit{margin-top:6px;border:0;background:var(--pmii-blue);color:#fff;box-shadow:0 8px 20px rgba(7,87,166,.18)}
.raAuthSubmit:hover{background:#064b91;box-shadow:0 10px 24px rgba(7,87,166,.24)}
.raAuthSecondary{border:1px solid #d8dde4;background:#fff;color:#28313d}
.raAuthSubmit:disabled,.raAuthSecondary:disabled{opacity:.48;cursor:not-allowed}
.raAuthFoot{margin:19px 0 0;text-align:center;color:#828a94;font-size:10px}
.raAuthFoot a,.raOtpMiniLinks a{color:#111827;font-weight:900;text-decoration:none}
.raOtpEmail{margin:-13px 0 20px;color:#7b8490;font-size:11px}
.raOtpGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:4px 0 15px}
.raOtpGrid input{width:100%!important;height:52px!important;margin:0!important;padding:0!important;border:1px solid #d9dee5!important;border-radius:10px!important;text-align:center;font-size:22px!important;font-weight:900!important}
.raOtpGrid input:focus{border-color:var(--pmii-blue)!important;box-shadow:0 0 0 3px rgba(7,87,166,.09)!important}
.raOtpMiniLinks{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:#7d8691;font-size:10px}
.raOtpMiniLinks a{color:var(--pmii-blue)}
.raPasswordStrength{margin:-7px 0 13px;padding:10px 12px;border-radius:10px;background:#f7f8fa}
.raPasswordStrength[hidden]{display:none!important}
.raPasswordStrengthBar{height:3px;overflow:hidden;border-radius:20px;background:#e1e5e9}
.raPasswordStrengthBar span{display:block;height:100%;background:var(--pmii-blue);transition:.2s}
.raPasswordStrengthMeta{display:flex;justify-content:space-between;margin-top:6px;font-size:9px;color:#7b8490}
.raPasswordRules{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0 0;padding:0;list-style:none;font-size:8px;color:#9aa1aa}
.raPasswordRules li:before{content:"•";margin-right:3px}
.raPasswordRules li.isOk{color:#168354}
.raVisualCaptcha{margin:4px 0 13px;padding:10px;border:1px solid #e0e4e9;border-radius:13px;background:#fafbfc}
.raCaptchaScene{position:relative;width:100%;height:112px;overflow:hidden;border-radius:9px;background-image:var(--captcha-image);background-size:cover;background-position:center}
.raCaptchaScene:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(to right,transparent 33.1%,rgba(255,255,255,.88) 33.1% 33.8%,transparent 33.8% 66.2%,rgba(255,255,255,.88) 66.2% 66.9%,transparent 66.9%),linear-gradient(to bottom,transparent 33.1%,rgba(255,255,255,.88) 33.1% 33.8%,transparent 33.8% 66.2%,rgba(255,255,255,.88) 66.2% 66.9%,transparent 66.9%);pointer-events:none}
.raCaptchaScene:after{content:"";position:absolute;z-index:3;inset:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);pointer-events:none}
.raCaptchaHole{position:absolute;z-index:2;left:var(--slot-x);top:var(--slot-y);width:46px;height:46px;transform:translate(-50%,-50%);background:#f4f5f6;box-shadow:0 2px 9px rgba(0,0,0,.25);clip-path:polygon(0 0,32% 0,32% 14%,40% 24%,52% 27%,64% 21%,70% 12%,70% 0,100% 0,100% 34%,88% 34%,78% 42%,76% 54%,82% 66%,91% 71%,100% 71%,100% 100%,67% 100%,67% 88%,58% 78%,46% 76%,35% 82%,29% 91%,29% 100%,0 100%)}
.raCaptchaChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}
.raCaptchaChoice{display:flex;align-items:center;justify-content:center;gap:5px;min-height:62px;padding:5px;border:1px solid transparent;border-radius:10px;background:#fff;cursor:pointer}
.raCaptchaChoice:hover,.raCaptchaChoice.isSelected{border-color:var(--pmii-blue);background:#f1f7fd}
.raCaptchaChoice b{font-size:9px;color:#6f7782}
.raCaptchaPiece{display:block;width:48px;height:48px;background-image:var(--captcha-image);background-size:280px auto;background-position:var(--piece-x) var(--piece-y);box-shadow:0 2px 7px rgba(0,0,0,.16);clip-path:polygon(0 0,32% 0,32% 14%,40% 24%,52% 27%,64% 21%,70% 12%,70% 0,100% 0,100% 34%,88% 34%,78% 42%,76% 54%,82% 66%,91% 71%,100% 71%,100% 100%,67% 100%,67% 88%,58% 78%,46% 76%,35% 82%,29% 91%,29% 100%,0 100%)}
.raCaptchaState{margin-top:7px;color:#7d8691;text-align:center;font-size:9px}
.raCaptchaState.isReady{color:#166b45;font-weight:800}
.raHoneypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;opacity:0!important;pointer-events:none!important}
.raAuthDetails{width:min(1040px,100%);max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:28px;border-radius:28px;background:#fff;box-shadow:0 25px 70px rgba(16,29,47,.11)}
.raAuthDetailsHead{margin-bottom:22px}.raAuthDetailsHead h1{margin:0 0 6px;font-size:34px}.raAuthDetailsHead p{margin:0;color:#737c87}.raAuthDetails .raPanel{box-shadow:none;border:0;padding:0}
.raBinaryChoice{display:flex;gap:10px;margin:8px 0 20px;flex-wrap:wrap}.raBinaryChoice label{margin:0!important;cursor:pointer}.raBinaryChoice input{position:absolute;opacity:0}.raBinaryChoice span{display:inline-flex;align-items:center;justify-content:center;min-width:82px;min-height:40px;padding:0 16px;border:1px solid #d9dee5;border-radius:999px;background:#fff;font-weight:850}.raBinaryChoice input:checked+span{background:var(--pmii-blue);border-color:var(--pmii-blue);color:#fff}
@media(min-width:861px) and (max-height:720px){.raAuthScreen{height:calc(100dvh - 24px);border-radius:26px}.raAuthPane{padding:24px 44px}.raPmiiBrand{margin-bottom:18px}.raAuthPane h1{margin-bottom:17px;font-size:30px}.raAuthForm label{margin-bottom:11px}.raCaptchaScene{height:92px}.raCaptchaChoice{min-height:50px}.raCaptchaPiece{width:38px;height:38px}.raVisualCaptcha{margin-bottom:8px;padding:8px}.raAuthFoot{margin-top:11px}}
@media(max-width:860px){body.raAuthMode{overflow:auto}body.raAuthMode .raAuthMain{height:auto;min-height:100dvh;padding:12px}.raAuthScreen{height:auto;min-height:calc(100dvh - 24px);grid-template-columns:1fr;border-radius:24px}.raAuthVisual{height:200px;order:0}.raAuthPane{order:1;padding:28px 24px;overflow:visible}.raPmiiBrand{margin-bottom:24px}.raAuthPane h1{font-size:31px}.raAuthDetails{max-height:none;border-radius:20px;padding:20px 16px}}
@media(max-width:480px){.raAuthVisual{height:155px}.raOtpGrid{gap:5px}.raOtpGrid input{height:48px!important;font-size:19px!important}.raCaptchaScene{height:100px}.raCaptchaPiece{width:42px;height:42px}.raAuthPane{padding:24px 20px}}

/* 2026-10-02 — compact login viewport + single password eye */
.raAuthScreen--login .raAuthPane{
  justify-content:flex-start;
  padding-top:22px;
  padding-bottom:18px;
  overflow:hidden;
}
.raAuthScreen--login .raPmiiBrand{
  flex:0 0 auto;
  margin-bottom:14px;
}
.raAuthScreen--login .raPmiiLogo{
  width:40px;
  height:40px;
}
.raAuthScreen--login .raAuthPane h1{
  flex:0 0 auto;
  margin-bottom:16px;
  font-size:clamp(29px,2.6vw,36px);
}
.raAuthScreen--login .raAuthForm{
  flex:0 0 auto;
}
.raAuthScreen--login .raAuthForm label{
  margin-bottom:10px;
}
.raAuthScreen--login .raAuthForm input:not([type=checkbox]):not([type=radio]):not([type=range]){
  height:37px;
  margin-top:3px;
  padding-top:5px;
  padding-bottom:5px;
}
.raAuthScreen--login .raAuthOptions{
  margin:0 0 9px;
}
.raAuthScreen--login .raVisualCaptcha{
  margin:2px 0 8px;
  padding:8px;
  border-radius:12px;
}
.raAuthScreen--login .raCaptchaScene{
  height:84px;
}
.raAuthScreen--login .raCaptchaChoices{
  gap:7px;
  margin-top:7px;
}
.raAuthScreen--login .raCaptchaChoice{
  min-height:47px;
  padding:4px;
}
.raAuthScreen--login .raCaptchaPiece{
  width:36px;
  height:36px;
}
.raAuthScreen--login .raCaptchaState{
  margin-top:5px;
}
.raAuthScreen--login .raAuthSubmit{
  height:41px;
  margin-top:2px;
}
.raAuthScreen--login .raAuthFoot{
  flex:0 0 auto;
  margin:10px 0 0;
}
.raAuthScreen--login .raPasswordEye.globalPasswordEyeToggle{
  background-image:none!important;
}
.raAuthScreen--login input[type="password"]::-ms-reveal,
.raAuthScreen--login input[type="password"]::-ms-clear{
  display:none!important;
  width:0!important;
  height:0!important;
}
@media(min-width:861px) and (max-height:720px){
  .raAuthScreen--login .raAuthPane{padding-top:16px;padding-bottom:14px}
  .raAuthScreen--login .raPmiiBrand{margin-bottom:9px}
  .raAuthScreen--login .raPmiiLogo{width:36px;height:36px}
  .raAuthScreen--login .raAuthPane h1{margin-bottom:11px;font-size:28px}
  .raAuthScreen--login .raAuthForm label{margin-bottom:7px}
  .raAuthScreen--login .raAuthForm input:not([type=checkbox]):not([type=radio]):not([type=range]){height:34px}
  .raAuthScreen--login .raAuthOptions{margin-bottom:6px}
  .raAuthScreen--login .raVisualCaptcha{margin-bottom:6px;padding:6px}
  .raAuthScreen--login .raCaptchaScene{height:68px}
  .raAuthScreen--login .raCaptchaChoice{min-height:39px}
  .raAuthScreen--login .raCaptchaPiece{width:31px;height:31px}
  .raAuthScreen--login .raAuthSubmit{height:38px}
  .raAuthScreen--login .raAuthFoot{margin-top:7px}
}
@media(max-width:860px){
  .raAuthScreen--login .raAuthPane{
    justify-content:flex-start;
    overflow:visible;
    padding-top:22px;
    padding-bottom:22px;
  }
}


/* 2026-10-02 — robot checkbox + draggable popup puzzle */
.raVisualCaptcha{margin:4px 0 10px;padding:0;border:0;background:transparent}
.raAuthScreen--login .raVisualCaptcha{margin:2px 0 8px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.raRobotCheck{
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:34px 1fr auto;
  align-items:center;
  gap:11px;
  padding:9px 12px;
  border:1px solid #d7dce2;
  border-radius:9px;
  background:#f7f7f7;
  color:#20252c;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.raRobotCheck:hover{border-color:#c7cdd5;background:#fafafa}
.raRobotBox{
  position:relative;
  display:block;
  width:27px;
  height:27px;
  border:2px solid #9da5ae;
  border-radius:4px;
  background:#fff;
}
.raRobotBox i{display:none}
.raRobotLabel{font-size:13px;font-weight:700}
.raRobotMark{display:flex;flex-direction:column;align-items:center;gap:1px;color:#8b949e}
.raRobotMark b{
  width:24px;height:24px;display:block;border-radius:50%;
  border:4px solid #aeb5bd;border-right-color:var(--pmii-blue);border-top-color:var(--pmii-blue);
  transform:rotate(-25deg);
}
.raRobotMark small{font-size:6px;font-weight:900;letter-spacing:.08em}
.raRobotCheck.isVerified .raRobotBox{border-color:#1aaa55;background:#fff}
.raRobotCheck.isVerified .raRobotBox:before{
  content:"";position:absolute;left:6px;top:2px;width:9px;height:16px;
  border:solid #16a34a;border-width:0 3px 3px 0;transform:rotate(45deg);
}
.raRobotCheck.isVerified .raRobotMark b{border-color:#1aaa55}
.raCaptchaModal[hidden]{display:none!important}
.raCaptchaModal{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:18px}
.raCaptchaBackdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(8,15,24,.58);backdrop-filter:blur(5px);cursor:default}
.raCaptchaDialog{
  position:relative;z-index:1;width:min(430px,calc(100vw - 28px));
  padding:14px;border-radius:18px;background:#fff;
  box-shadow:0 28px 90px rgba(0,0,0,.3);
}
.raCaptchaDialogHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 12px}
.raCaptchaDialogHead b{font-size:15px;font-weight:900}
.raCaptchaClose{width:32px;height:32px;border:0;border-radius:50%;background:#f0f2f4;color:#59616b;font-size:22px;line-height:1;cursor:pointer}
.raDragScene{position:relative;width:100%;aspect-ratio:1.65/1;overflow:hidden;border-radius:13px;background:#e8ebef;touch-action:none;user-select:none}
.raDragScene>img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.raDragHole{
  position:absolute;z-index:2;width:52px;height:52px;transform:translate(-50%,-50%);
  background:rgba(247,248,249,.94);box-shadow:0 2px 10px rgba(0,0,0,.28);
  clip-path:polygon(0 0,32% 0,32% 14%,40% 24%,52% 27%,64% 21%,70% 12%,70% 0,100% 0,100% 34%,88% 34%,78% 42%,76% 54%,82% 66%,91% 71%,100% 71%,100% 100%,67% 100%,67% 88%,58% 78%,46% 76%,35% 82%,29% 91%,29% 100%,0 100%);
}
.raDragPiece{
  position:absolute;z-index:4;display:block;width:52px;height:52px;overflow:hidden;
  cursor:grab;touch-action:none;outline:0;
  filter:drop-shadow(0 3px 6px rgba(0,0,0,.28));
  clip-path:polygon(0 0,32% 0,32% 14%,40% 24%,52% 27%,64% 21%,70% 12%,70% 0,100% 0,100% 34%,88% 34%,78% 42%,76% 54%,82% 66%,91% 71%,100% 71%,100% 100%,67% 100%,67% 88%,58% 78%,46% 76%,35% 82%,29% 91%,29% 100%,0 100%);
  transition:filter .16s,transform .16s;
}
.raDragPiece.isDragging{cursor:grabbing;transform:scale(1.04);transition:none}
.raDragPiece.isWrong{animation:raPuzzleWrong .38s ease}
.raDragPiece.isCorrect{filter:drop-shadow(0 0 5px rgba(26,170,85,.7))}
.raDragPieceImage{position:absolute;display:block;background-image:var(--captcha-image)!important;background-size:100% 100%!important;background-repeat:no-repeat!important;pointer-events:none}
.raCaptchaDragHint{min-height:18px;margin:10px 4px 5px;color:#69727d;text-align:center;font-size:10px;font-weight:650}
.raCaptchaDragHint.isWrong{color:#b42318}.raCaptchaDragHint.isSuccess{color:#168354;font-weight:900}
.raCaptchaReset{display:block;margin:2px auto 0;padding:7px 12px;border:0;border-radius:8px;background:#f1f3f5;color:#4f5965;font:inherit;font-size:10px;font-weight:850;cursor:pointer}
html.raCaptchaOpen,html.raCaptchaOpen body{overflow:hidden!important}
@keyframes raPuzzleWrong{0%,100%{transform:translateX(0)}30%{transform:translateX(-6px)}65%{transform:translateX(6px)}}
@media(max-width:520px){
  .raCaptchaDialog{padding:11px;border-radius:15px}
  .raDragHole,.raDragPiece{width:46px;height:46px}
}


/* 2026-10-02 — refined register layout + robot check */
/* Register follows the compact rhythm already used by Login. */
.raAuthScreen--register .raAuthPane{
  justify-content:flex-start;
  padding-top:20px;
  padding-bottom:16px;
  overflow:hidden;
}
.raAuthScreen--register .raPmiiBrand{
  flex:0 0 auto;
  margin-bottom:10px;
}
.raAuthScreen--register .raPmiiLogo{
  width:38px;
  height:38px;
}
.raAuthScreen--register .raAuthPane h1{
  flex:0 0 auto;
  margin-bottom:13px;
  font-size:clamp(28px,2.5vw,35px);
}
.raAuthScreen--register .raAuthForm{
  flex:0 0 auto;
}
.raAuthScreen--register .raAuthForm>label,
.raAuthScreen--register .raPasswordWrap>label{
  margin-bottom:8px;
}
.raAuthScreen--register .raAuthForm input:not([type=checkbox]):not([type=radio]):not([type=range]){
  height:35px;
  margin-top:2px;
  padding-top:4px;
  padding-bottom:4px;
}
.raAuthScreen--register .raPasswordWrap{
  margin:0;
}
.raAuthScreen--register .raPasswordStrength{
  margin:-2px 0 8px;
  padding:7px 9px;
}
.raAuthScreen--register .raPasswordStrengthMeta{margin-top:4px}
.raAuthScreen--register .raPasswordRules{margin-top:5px;gap:5px}
.raAuthScreen--register .raVisualCaptcha{
  margin:1px 0 7px;
}
.raAuthScreen--register .raRobotCheck{
  min-height:50px;
}
.raAuthScreen--register .raAuthSubmit{
  height:39px;
  margin-top:1px;
}
.raAuthScreen--register .raAuthFoot{
  flex:0 0 auto;
  margin:8px 0 0;
}

/* A restrained, neutral "human check" card. */
.raRobotCheck{
  width:100%;
  min-height:52px;
  grid-template-columns:30px 1fr 54px;
  gap:10px;
  padding:7px 10px;
  border:1px solid #d9dee5;
  border-radius:8px;
  background:#fff;
  color:#20262e;
  box-shadow:0 1px 3px rgba(16,24,40,.05);
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.raRobotCheck:hover{
  border-color:#bfc8d3;
  background:#fff;
  box-shadow:0 3px 10px rgba(16,24,40,.07);
}
.raRobotBox{
  width:24px;
  height:24px;
  border:1.7px solid #9da5ae;
  border-radius:4px;
}
.raRobotLabel{
  font-size:12px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:-.01em;
}
.raRobotMark{
  width:54px;
  gap:2px;
  color:#89939f;
}
.raRobotMark b{
  position:relative;
  width:23px;
  height:23px;
  border:3px solid #aeb6c0;
  border-right-color:var(--pmii-blue);
  border-top-color:var(--pmii-blue);
  border-radius:50%;
}
.raRobotMark b:after{
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  right:-4px;
  top:0;
  border-top:3px solid var(--pmii-blue);
  border-right:3px solid var(--pmii-blue);
  transform:rotate(18deg);
}
.raRobotMark small{
  font-size:5.5px;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em;
}
.raRobotCheck.isVerified{
  border-color:#a9dbbb;
  background:#fbfffc;
}
.raRobotCheck.isVerified .raRobotBox{
  border-color:#18a957;
}
.raRobotCheck.isVerified .raRobotMark b{
  border-color:#18a957;
}
.raRobotCheck.isVerified .raRobotLabel{color:#146c3c}

@media(min-width:861px) and (max-height:720px){
  .raAuthScreen--register .raAuthPane{padding-top:14px;padding-bottom:12px}
  .raAuthScreen--register .raPmiiBrand{margin-bottom:7px}
  .raAuthScreen--register .raPmiiLogo{width:34px;height:34px}
  .raAuthScreen--register .raAuthPane h1{margin-bottom:9px;font-size:27px}
  .raAuthScreen--register .raAuthForm>label,
  .raAuthScreen--register .raPasswordWrap>label{margin-bottom:6px}
  .raAuthScreen--register .raAuthForm input:not([type=checkbox]):not([type=radio]):not([type=range]){height:32px}
  .raAuthScreen--register .raPasswordStrength{padding:6px 8px;margin-bottom:6px}
  .raAuthScreen--register .raRobotCheck{min-height:46px}
  .raAuthScreen--register .raAuthSubmit{height:36px}
  .raAuthScreen--register .raAuthFoot{margin-top:6px}
}
@media(max-width:860px){
  .raAuthScreen--register .raAuthPane{
    justify-content:flex-start;
    overflow:visible;
    padding-top:22px;
    padding-bottom:22px;
  }
}


/* 2026-10-02 — final compact register composition */
.raAuthScreen--register .raAuthPane{
  justify-content:center!important;
  padding:24px 56px!important;
  overflow:hidden!important;
}
.raAuthScreen--register .raPmiiBrand{
  margin:0 0 17px!important;
  gap:9px!important;
}
.raAuthScreen--register .raPmiiLogo{
  width:36px!important;
  height:36px!important;
}
.raAuthScreen--register .raPmiiBrand b{
  font-size:11px!important;
  line-height:1.15!important;
}
.raAuthScreen--register .raAuthPane h1{
  margin:0 0 14px!important;
  font-size:31px!important;
  line-height:1!important;
}
.raAuthScreen--register .raAuthForm>label,
.raAuthScreen--register .raPasswordWrap>label{
  margin:0 0 7px!important;
  font-size:10.5px!important;
  line-height:1.15!important;
}
.raAuthScreen--register .raAuthForm input:not([type=checkbox]):not([type=radio]):not([type=range]){
  height:30px!important;
  margin-top:1px!important;
  padding:3px 2px!important;
  font-size:13px!important;
}
.raAuthScreen--register .raPasswordField input{
  padding-right:36px!important;
}
.raAuthScreen--register .raPasswordEye{
  right:-1px!important;
  bottom:-1px!important;
  width:31px!important;
  height:31px!important;
}
.raAuthScreen--register .raPasswordStrength{
  margin:-1px 0 6px!important;
  padding:6px 8px!important;
  border-radius:8px!important;
}
.raAuthScreen--register .raPasswordStrengthMeta{
  margin-top:3px!important;
}
.raAuthScreen--register .raPasswordRules{
  margin-top:4px!important;
  gap:4px 6px!important;
}
.raAuthScreen--register .raVisualCaptcha{
  margin:2px 0 7px!important;
}
.raAuthScreen--register .raRobotCheck{
  min-height:44px!important;
  padding:7px 10px!important;
}
.raAuthScreen--register .raAuthSubmit{
  height:40px!important;
  margin-top:0!important;
  border-radius:10px!important;
}
.raAuthScreen--register .raAuthFoot{
  margin:12px 0 0!important;
  font-size:10px!important;
}

/* Cleaner current human-check appearance while retaining the existing verification flow. */
.raRobotCheck{
  grid-template-columns:28px 1fr!important;
  min-height:46px;
  gap:10px;
  padding:7px 10px;
  border:1px solid #d8dee6;
  border-radius:8px;
  background:#fff;
  box-shadow:none;
}
.raRobotMark{display:none!important}
.raRobotBox{
  width:24px!important;
  height:24px!important;
  border:1.5px solid #aeb5bd!important;
  border-radius:4px!important;
  background:#fff!important;
}
.raRobotCheck.isVerified .raRobotBox{
  border-color:#20a95a!important;
  background:#fff!important;
}
.raRobotCheck.isVerified .raRobotBox:before{
  left:6px!important;
  top:2px!important;
  width:8px!important;
  height:14px!important;
  border-width:0 2.5px 2.5px 0!important;
}
.raRobotLabel{
  font-size:11.5px!important;
  font-weight:750!important;
}
.raRobotCheck.isVerified .raRobotLabel{
  color:#1f2937!important;
}

@media(min-width:861px) and (max-height:650px){
  .raAuthScreen--register .raAuthPane{
    justify-content:flex-start!important;
    padding-top:14px!important;
    padding-bottom:12px!important;
  }
  .raAuthScreen--register .raPmiiBrand{margin-bottom:12px!important}
  .raAuthScreen--register .raAuthPane h1{margin-bottom:9px!important;font-size:28px!important}
  .raAuthScreen--register .raAuthForm>label,
  .raAuthScreen--register .raPasswordWrap>label{margin-bottom:5px!important}
  .raAuthScreen--register .raAuthForm input:not([type=checkbox]):not([type=radio]):not([type=range]){height:28px!important}
  .raAuthScreen--register .raRobotCheck{min-height:40px!important}
  .raAuthScreen--register .raAuthSubmit{height:36px!important}
  .raAuthScreen--register .raAuthFoot{margin-top:7px!important}
}
@media(max-width:860px){
  .raAuthScreen--register .raAuthPane{
    justify-content:flex-start!important;
    padding:22px 22px!important;
    overflow:visible!important;
  }
}


/* 2026-10-02 — register boxed fields + two-line title */
.raAuthScreen--register .raPmiiBrand{
  margin-bottom:22px!important;
}
.raAuthScreen--register .raRegisterTitle{
  display:flex;
  flex-direction:column;
  gap:0;
  margin:0 0 20px!important;
  max-width:190px;
  font-size:36px!important;
  line-height:.88!important;
  letter-spacing:-.055em!important;
}
.raAuthScreen--register .raRegisterTitle span{
  display:block;
}
.raAuthScreen--register .raRegisterForm{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.raAuthScreen--register .raRegisterField{
  position:relative;
  display:block;
  width:100%;
  margin:0!important;
}
.raAuthScreen--register .raRegisterField>input,
.raAuthScreen--register .raRegisterField input{
  display:block;
  width:100%!important;
  height:42px!important;
  margin:0!important;
  padding:0 42px 0 13px!important;
  border:1px solid #d6dce4!important;
  border-radius:10px!important;
  outline:none!important;
  background:#fff!important;
  color:#172033!important;
  font-size:12px!important;
  font-weight:650!important;
  box-shadow:none!important;
  transition:border-color .16s,box-shadow .16s,background .16s;
}
.raAuthScreen--register .raRegisterField>input[type=email]{
  padding-right:13px!important;
}
.raAuthScreen--register .raRegisterField input::placeholder{
  color:#7d8794!important;
  opacity:1!important;
  font-weight:550!important;
}
.raAuthScreen--register .raRegisterField input:focus{
  border-color:rgba(7,87,166,.55)!important;
  box-shadow:0 0 0 3px rgba(7,87,166,.09)!important;
  background:#fff!important;
}
.raAuthScreen--register .raRegisterPasswordWrap{
  margin:0!important;
}
.raAuthScreen--register .raRegisterPasswordWrap .raPasswordStrength{
  margin:7px 0 0!important;
}
.raAuthScreen--register .raRegisterField .raPasswordEye{
  right:6px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:30px!important;
  height:30px!important;
}
.raAuthScreen--register .raVisualCaptcha{
  margin:1px 0 0!important;
}
.raAuthScreen--register .raAuthSubmit{
  margin-top:0!important;
}
.raAuthScreen--register .raRegisterConsent{
  margin:2px auto 0;
  max-width:360px;
  color:#8a94a2;
  text-align:center;
  font-size:8.5px;
  line-height:1.45;
  font-weight:550;
}
.raAuthScreen--register .raRegisterConsent a{
  color:#5d6876;
  text-decoration:underline;
  text-underline-offset:2px;
  font-weight:750;
}
.raAuthScreen--register .raAuthFoot{
  margin-top:11px!important;
}
@media(min-width:861px) and (max-height:720px){
  .raAuthScreen--register .raPmiiBrand{margin-bottom:16px!important}
  .raAuthScreen--register .raRegisterTitle{
    margin-bottom:14px!important;
    font-size:31px!important;
  }
  .raAuthScreen--register .raRegisterForm{gap:8px}
  .raAuthScreen--register .raRegisterField>input,
  .raAuthScreen--register .raRegisterField input{height:38px!important}
  .raAuthScreen--register .raRegisterConsent{font-size:8px}
}
@media(max-width:860px){
  .raAuthScreen--register .raRegisterTitle{
    max-width:none;
    font-size:34px!important;
  }
}


/* 2026-10-02 — register visual overhaul v3 */
body.raAuthMode:has(.raAuthScreen--register){
  background:
    radial-gradient(circle at 12% 12%,rgba(243,195,22,.18),transparent 31%),
    radial-gradient(circle at 88% 86%,rgba(7,87,166,.16),transparent 32%),
    linear-gradient(135deg,#f3f7fb 0%,#eef4f8 44%,#f8f9fb 100%)!important;
}
body.raAuthMode:has(.raAuthScreen--register) .raAuthMain{
  padding:20px!important;
}
.raAuthScreen--register{
  width:min(1040px,calc(100vw - 40px))!important;
  height:min(650px,calc(100dvh - 40px))!important;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:
    0 30px 90px rgba(28,45,72,.16),
    0 8px 24px rgba(28,45,72,.08)!important;
  backdrop-filter:blur(18px);
}
.raAuthScreen--register .raAuthVisual{
  margin:14px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:
    linear-gradient(145deg,rgba(243,195,22,.12),rgba(7,87,166,.08)),
    #eaf0f5!important;
}
.raAuthScreen--register .raAuthVisual:before{
  inset:0!important;
  border-radius:22px!important;
  background-size:cover!important;
  background-position:center 37%!important;
  transform:scale(1.015);
}
.raAuthScreen--register .raAuthVisual:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  pointer-events:none;
  background:
    linear-gradient(to top,rgba(4,19,35,.24),transparent 34%),
    linear-gradient(to right,rgba(7,87,166,.06),transparent 45%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.32);
}
.raAuthScreen--register .raAuthPane{
  width:100%!important;
  max-width:none!important;
  justify-content:center!important;
  align-items:stretch!important;
  padding:46px 58px 38px 42px!important;
  overflow:hidden!important;
}
.raAuthScreen--register .raPmiiBrand{
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 30px!important;
  gap:10px!important;
}
.raAuthScreen--register .raPmiiLogo{
  width:38px!important;
  height:38px!important;
  filter:drop-shadow(0 4px 10px rgba(7,87,166,.12));
}
.raAuthScreen--register .raPmiiBrand b{
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:820!important;
  letter-spacing:-.018em!important;
}
.raAuthScreen--register .raRegisterTitle{
  margin:0 0 26px!important;
  gap:0!important;
  font-size:44px!important;
  line-height:.84!important;
  letter-spacing:-.065em!important;
  font-weight:920!important;
  color:#101828!important;
}
.raAuthScreen--register .raRegisterForm{
  width:100%!important;
  max-width:360px!important;
  gap:12px!important;
}
.raAuthScreen--register .raRegisterField>input,
.raAuthScreen--register .raRegisterField input{
  height:46px!important;
  border:1px solid #d9e0e8!important;
  border-radius:12px!important;
  background:#fff!important;
  padding-left:14px!important;
  font-size:12px!important;
  font-weight:650!important;
  color:#152033!important;
  box-shadow:0 2px 8px rgba(19,33,52,.035)!important;
}
.raAuthScreen--register .raRegisterField input::placeholder{
  color:#8b95a2!important;
  font-size:11.5px!important;
  font-weight:600!important;
}
.raAuthScreen--register .raRegisterField input:focus{
  border-color:#8bb7df!important;
  box-shadow:
    0 0 0 3px rgba(7,87,166,.08),
    0 6px 18px rgba(19,33,52,.05)!important;
}
.raAuthScreen--register .raRegisterField .raPasswordEye{
  right:8px!important;
  width:29px!important;
  height:29px!important;
}
.raAuthScreen--register .raPasswordStrength{
  margin:6px 0 0!important;
  padding:8px 10px!important;
  border:1px solid #e6ebf0!important;
  background:#f8fafc!important;
  border-radius:10px!important;
}
.raAuthScreen--register .raRobotCheck{
  min-height:46px!important;
  border:1px solid #d9e0e8!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(19,33,52,.035)!important;
}
.raAuthScreen--register .raRobotBox{
  width:23px!important;
  height:23px!important;
}
.raAuthScreen--register .raRobotLabel{
  font-size:11.5px!important;
  font-weight:720!important;
}
.raAuthScreen--register .raAuthSubmit{
  height:46px!important;
  border-radius:12px!important;
  margin-top:1px!important;
  background:linear-gradient(135deg,#0865bd 0%,#0757a6 100%)!important;
  box-shadow:0 9px 22px rgba(7,87,166,.20)!important;
  font-size:12px!important;
  letter-spacing:-.01em!important;
}
.raAuthScreen--register .raAuthSubmit:hover{
  transform:translateY(-1px);
  background:linear-gradient(135deg,#075bae 0%,#064b91 100%)!important;
  box-shadow:0 12px 28px rgba(7,87,166,.25)!important;
}
.raAuthScreen--register .raRegisterConsent{
  max-width:330px!important;
  margin:1px auto 0!important;
  color:#98a1ad!important;
  font-size:8px!important;
  line-height:1.55!important;
}
.raAuthScreen--register .raRegisterConsent a{
  color:#66717e!important;
  text-decoration:none!important;
  border-bottom:1px solid #c8ced6;
}
.raAuthScreen--register .raAuthFoot{
  width:100%!important;
  max-width:360px!important;
  margin:18px 0 0!important;
  text-align:center!important;
  color:#8a94a1!important;
  font-size:9.5px!important;
}
.raAuthScreen--register .raAuthFoot a{
  color:#0757a6!important;
}
@media(min-width:861px) and (max-height:700px){
  body.raAuthMode:has(.raAuthScreen--register) .raAuthMain{padding:12px!important}
  .raAuthScreen--register{
    height:calc(100dvh - 24px)!important;
    border-radius:24px!important;
  }
  .raAuthScreen--register .raAuthVisual{margin:10px!important;border-radius:18px!important}
  .raAuthScreen--register .raAuthPane{padding:24px 46px 22px 34px!important}
  .raAuthScreen--register .raPmiiBrand{margin-bottom:20px!important}
  .raAuthScreen--register .raRegisterTitle{
    margin-bottom:18px!important;
    font-size:37px!important;
  }
  .raAuthScreen--register .raRegisterForm{gap:9px!important}
  .raAuthScreen--register .raRegisterField>input,
  .raAuthScreen--register .raRegisterField input{height:40px!important}
  .raAuthScreen--register .raRobotCheck,
  .raAuthScreen--register .raAuthSubmit{height:40px!important;min-height:40px!important}
  .raAuthScreen--register .raAuthFoot{margin-top:11px!important}
}
@media(max-width:860px){
  body.raAuthMode:has(.raAuthScreen--register) .raAuthMain{padding:10px!important}
  .raAuthScreen--register{
    width:100%!important;
    height:auto!important;
    min-height:calc(100dvh - 20px)!important;
    grid-template-columns:1fr!important;
    border-radius:22px!important;
  }
  .raAuthScreen--register .raAuthVisual{
    height:180px!important;
    margin:10px 10px 0!important;
    border-radius:16px!important;
  }
  .raAuthScreen--register .raAuthPane{
    padding:26px 22px 24px!important;
  }
  .raAuthScreen--register .raPmiiBrand{margin-bottom:22px!important}
  .raAuthScreen--register .raRegisterTitle{
    margin-bottom:20px!important;
    font-size:38px!important;
  }
  .raAuthScreen--register .raRegisterForm,
  .raAuthScreen--register .raAuthFoot{
    max-width:none!important;
  }
}


/* 2026-10-02 — unified auth composition v4 */
/* Login and Register intentionally keep the SAME left-image/right-form composition
   on desktop, tablet, portrait and landscape. Only dimensions scale. */
body.raAuthMode:has(.raAuthScreen--register),
body.raAuthMode:has(.raAuthScreen--login){
  overflow:hidden!important;
  background:
    radial-gradient(circle at 14% 14%,rgba(243,195,22,.16),transparent 30%),
    radial-gradient(circle at 86% 84%,rgba(7,87,166,.14),transparent 32%),
    linear-gradient(135deg,#f4f7fb,#edf3f8 52%,#f8fafc)!important;
}
body.raAuthMode:has(.raAuthScreen--register) .raAuthMain,
body.raAuthMode:has(.raAuthScreen--login) .raAuthMain{
  width:100%!important;
  height:100dvh!important;
  min-height:0!important;
  padding:clamp(8px,2.2vmin,20px)!important;
  overflow:hidden!important;
}
.raAuthScreen--register,
.raAuthScreen--login{
  width:min(1040px,calc(100vw - clamp(16px,4vmin,40px)))!important;
  height:min(650px,calc(100dvh - clamp(16px,4vmin,40px)))!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr)!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:clamp(18px,3.2vmin,30px)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 26px 80px rgba(27,43,66,.15),0 6px 22px rgba(27,43,66,.06)!important;
}
.raAuthScreen--register .raAuthVisual,
.raAuthScreen--login .raAuthVisual{
  order:0!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:clamp(7px,1.5vmin,14px)!important;
  border-radius:clamp(13px,2.4vmin,22px)!important;
  overflow:hidden!important;
}
.raAuthScreen--register .raAuthVisual:before,
.raAuthScreen--login .raAuthVisual:before{
  background-size:cover!important;
  background-position:center!important;
  image-rendering:auto;
}
.raAuthScreen--register .raAuthPane,
.raAuthScreen--login .raAuthPane{
  order:1!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:
    clamp(14px,5.8vh,46px)
    clamp(14px,4vw,52px)
    clamp(12px,4.8vh,38px)!important;
}
.raAuthScreen--register .raPmiiBrand,
.raAuthScreen--login .raPmiiBrand{
  align-self:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:0 0 clamp(22px,5.2vh,42px)!important;
  gap:clamp(6px,1.2vmin,10px)!important;
  text-align:center!important;
}
.raAuthScreen--register .raPmiiLogo,
.raAuthScreen--login .raPmiiLogo{
  width:clamp(24px,4.3vmin,40px)!important;
  height:clamp(24px,4.3vmin,40px)!important;
  flex:0 0 auto!important;
}
.raAuthScreen--register .raPmiiBrand b,
.raAuthScreen--login .raPmiiBrand b{
  font-size:clamp(8px,1.3vw,13px)!important;
  line-height:1.15!important;
  font-weight:860!important;
  letter-spacing:-.018em!important;
  white-space:nowrap!important;
}
.raAuthScreen--register .raRegisterTitle,
.raAuthScreen--login .raSharedAuthTitle{
  width:100%!important;
  max-width:360px!important;
  margin:0 0 clamp(16px,3.4vh,28px)!important;
  text-align:center!important;
  color:#101828!important;
  font-size:clamp(22px,3.8vw,40px)!important;
  line-height:.95!important;
  letter-spacing:-.055em!important;
  font-weight:920!important;
  white-space:nowrap!important;
}
.raAuthScreen--register .raRegisterForm,
.raAuthScreen--login .raSharedAuthForm{
  width:100%!important;
  max-width:360px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:clamp(6px,1.4vh,11px)!important;
}
.raAuthScreen--register .raRegisterField,
.raAuthScreen--login .raSharedAuthField{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
}
.raAuthScreen--register .raRegisterField input,
.raAuthScreen--login .raSharedAuthField input{
  display:block!important;
  width:100%!important;
  height:clamp(30px,5.5vh,44px)!important;
  margin:0!important;
  padding:0 clamp(9px,1.6vw,13px)!important;
  border:1px solid #d9e0e8!important;
  border-radius:clamp(8px,1.5vmin,11px)!important;
  background:#fff!important;
  color:#162033!important;
  outline:none!important;
  font-size:clamp(7.5px,1.05vw,10.5px)!important;
  line-height:1!important;
  font-weight:620!important;
  box-shadow:0 2px 7px rgba(19,33,52,.035)!important;
}
.raAuthScreen--register .raRegisterField input::placeholder,
.raAuthScreen--login .raSharedAuthField input::placeholder{
  color:#8c96a3!important;
  opacity:1!important;
  font-size:inherit!important;
  font-weight:580!important;
}
.raAuthScreen--register .raRegisterField input:focus,
.raAuthScreen--login .raSharedAuthField input:focus{
  border-color:#8bb7df!important;
  box-shadow:0 0 0 3px rgba(7,87,166,.07)!important;
}
.raAuthScreen--register .raRegisterField input[type=password],
.raAuthScreen--login .raSharedAuthField input[type=password]{
  padding-right:clamp(29px,4vw,40px)!important;
}
.raAuthScreen--register .raRegisterField .raPasswordEye,
.raAuthScreen--login .raSharedAuthField .raPasswordEye{
  right:clamp(3px,.8vw,7px)!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  width:clamp(22px,3.8vmin,29px)!important;
  height:clamp(22px,3.8vmin,29px)!important;
}
.raAuthScreen--login .raAuthOptions{
  width:100%!important;
  margin:0!important;
  gap:8px!important;
  font-size:clamp(7px,.9vw,9px)!important;
}
.raAuthScreen--login .raAuthOptions .raCheck{
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
}
.raAuthScreen--login .raAuthOptions input[type=checkbox]{
  width:clamp(10px,1.6vmin,14px)!important;
  height:clamp(10px,1.6vmin,14px)!important;
  margin:0!important;
}
.raAuthScreen--register .raVisualCaptcha,
.raAuthScreen--login .raVisualCaptcha{
  width:100%!important;
  margin:0!important;
}
.raAuthScreen--register .raRobotCheck,
.raAuthScreen--login .raRobotCheck{
  width:100%!important;
  min-height:clamp(34px,5.8vh,46px)!important;
  padding:clamp(5px,1vh,8px) clamp(7px,1vw,10px)!important;
  border-radius:clamp(8px,1.5vmin,11px)!important;
}
.raAuthScreen--register .raRobotBox,
.raAuthScreen--login .raRobotBox{
  width:clamp(17px,2.8vmin,23px)!important;
  height:clamp(17px,2.8vmin,23px)!important;
}
.raAuthScreen--register .raRobotLabel,
.raAuthScreen--login .raRobotLabel{
  font-size:clamp(7.5px,1.05vw,10.5px)!important;
}
.raAuthScreen--register .raAuthSubmit,
.raAuthScreen--login .raAuthSubmit{
  width:100%!important;
  height:clamp(32px,5.8vh,44px)!important;
  margin:0!important;
  border-radius:clamp(8px,1.5vmin,11px)!important;
  font-size:clamp(8px,1.05vw,11px)!important;
  background:linear-gradient(135deg,#0865bd,#0757a6)!important;
  box-shadow:0 8px 20px rgba(7,87,166,.17)!important;
}
.raAuthScreen--register .raRegisterConsent{
  margin:0 auto!important;
  max-width:330px!important;
  font-size:clamp(5.5px,.7vw,8px)!important;
  line-height:1.45!important;
}
.raAuthScreen--register .raAuthFoot,
.raAuthScreen--login .raAuthFoot{
  width:100%!important;
  max-width:360px!important;
  margin:clamp(8px,1.8vh,16px) 0 0!important;
  text-align:center!important;
  font-size:clamp(6.5px,.85vw,9px)!important;
}
/* Keep exactly the same split composition below 860px: no stacking. */
@media(max-width:860px){
  body.raAuthMode{overflow:hidden!important}
  body.raAuthMode .raAuthMain{
    width:100%!important;
    height:100dvh!important;
    min-height:0!important;
  }
  .raAuthScreen--register,
  .raAuthScreen--login{
    grid-template-columns:minmax(0,42%) minmax(0,58%)!important;
    min-height:0!important;
  }
  .raAuthScreen--register .raAuthVisual,
  .raAuthScreen--login .raAuthVisual{
    height:auto!important;
    margin:clamp(5px,1.4vmin,10px)!important;
  }
  .raAuthScreen--register .raAuthPane,
  .raAuthScreen--login .raAuthPane{
    padding:clamp(10px,3.3vh,26px) clamp(10px,3.5vw,24px)!important;
  }
  .raAuthScreen--register .raPmiiBrand,
  .raAuthScreen--login .raPmiiBrand{
    margin-bottom:clamp(18px,4.2vh,32px)!important;
  }
  .raAuthScreen--register .raRegisterTitle,
  .raAuthScreen--login .raSharedAuthTitle{
    margin-bottom:clamp(13px,3vh,22px)!important;
  }
  .raAuthScreen--register .raRegisterForm,
  .raAuthScreen--login .raSharedAuthForm,
  .raAuthScreen--register .raAuthFoot,
  .raAuthScreen--login .raAuthFoot{
    max-width:100%!important;
  }
}
@media(max-width:520px){
  .raAuthScreen--register,
  .raAuthScreen--login{
    grid-template-columns:minmax(0,39%) minmax(0,61%)!important;
  }
  .raAuthScreen--register .raPmiiBrand b,
  .raAuthScreen--login .raPmiiBrand b{
    white-space:normal!important;
    max-width:150px!important;
  }
}
/* Landscape only scales dimensions; composition remains unchanged. */
@media(max-height:520px) and (orientation:landscape){
  .raAuthScreen--register .raAuthPane,
  .raAuthScreen--login .raAuthPane{
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  .raAuthScreen--register .raPmiiBrand,
  .raAuthScreen--login .raPmiiBrand{
    margin-bottom:12px!important;
  }
  .raAuthScreen--register .raRegisterTitle,
  .raAuthScreen--login .raSharedAuthTitle{
    margin-bottom:10px!important;
    font-size:clamp(20px,5.3vh,31px)!important;
  }
  .raAuthScreen--register .raRegisterForm,
  .raAuthScreen--login .raSharedAuthForm{
    gap:5px!important;
  }
  .raAuthScreen--register .raRegisterConsent{line-height:1.2!important}
  .raAuthScreen--register .raAuthFoot,
  .raAuthScreen--login .raAuthFoot{
    margin-top:6px!important;
  }
}


/* 2026-10-02 — auth spacing/title/input refinement v6 */
/* Brand stays centered above the form, but remains part of the normal flow:
   high enough to read as a header, never stuck to the panel edge. */
.raAuthScreen--register .raAuthPane,
.raAuthScreen--login .raAuthPane{
  position:relative!important;
  justify-content:center!important;
  padding-top:clamp(18px,4.5vh,34px)!important;
  padding-bottom:clamp(18px,4.5vh,34px)!important;
}
.raAuthScreen--register .raPmiiBrand,
.raAuthScreen--login .raPmiiBrand{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  align-self:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:360px!important;
  margin:0 0 clamp(26px,4.8vh,38px)!important;
  text-align:center!important;
}
.raAuthScreen--register .raPmiiBrand b,
.raAuthScreen--login .raPmiiBrand b{
  font-size:clamp(9.5px,1.35vw,13px)!important;
  line-height:1.15!important;
  font-weight:880!important;
}

/* The two headings are deliberately identical. */
.raAuthScreen--register .raRegisterTitle,
.raAuthScreen--login .raSharedAuthTitle{
  width:100%!important;
  max-width:360px!important;
  margin:0 0 clamp(17px,3.2vh,24px)!important;
  color:#0757a6!important;
  text-align:center!important;
  font-size:clamp(25px,3.25vw,34px)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
  font-weight:920!important;
  white-space:nowrap!important;
}

/* Register and Login now use the exact same field proportions. */
.raAuthScreen--register .raRegisterField input,
.raAuthScreen--login .raSharedAuthField input{
  height:clamp(38px,6.2vh,44px)!important;
  padding-left:clamp(14px,1.6vw,16px)!important;
  padding-right:clamp(14px,1.6vw,16px)!important;
  font-size:clamp(7.8px,1vw,10px)!important;
  line-height:1!important;
  font-weight:600!important;
}
.raAuthScreen--register .raRegisterField input::placeholder,
.raAuthScreen--login .raSharedAuthField input::placeholder{
  font-size:clamp(7.8px,1vw,10px)!important;
  font-weight:560!important;
  letter-spacing:0!important;
}
.raAuthScreen--register .raRegisterField input[type=password],
.raAuthScreen--login .raSharedAuthField input[type=password]{
  padding-right:clamp(36px,4.3vw,44px)!important;
}
.raAuthScreen--register .raRegisterField .raPasswordEye,
.raAuthScreen--login .raSharedAuthField .raPasswordEye{
  right:clamp(6px,.9vw,9px)!important;
  width:clamp(23px,3.5vmin,28px)!important;
  height:clamp(23px,3.5vmin,28px)!important;
}

/* Preserve the same visual composition at every viewport;
   only dimensions scale down to stay inside one viewport. */
@media(max-width:860px){
  .raAuthScreen--register .raAuthPane,
  .raAuthScreen--login .raAuthPane{
    padding-top:clamp(12px,3vh,24px)!important;
    padding-bottom:clamp(12px,3vh,24px)!important;
  }
  .raAuthScreen--register .raPmiiBrand,
  .raAuthScreen--login .raPmiiBrand{
    margin-bottom:clamp(18px,4vh,30px)!important;
  }
  .raAuthScreen--register .raPmiiBrand b,
  .raAuthScreen--login .raPmiiBrand b{
    font-size:clamp(8px,1.7vw,11.5px)!important;
  }
  .raAuthScreen--register .raRegisterTitle,
  .raAuthScreen--login .raSharedAuthTitle{
    margin-bottom:clamp(12px,2.8vh,19px)!important;
    font-size:clamp(20px,4vw,29px)!important;
  }
  .raAuthScreen--register .raRegisterField input,
  .raAuthScreen--login .raSharedAuthField input{
    height:clamp(34px,5.8vh,40px)!important;
    padding-left:clamp(10px,2vw,14px)!important;
    font-size:clamp(7px,1.4vw,9.5px)!important;
  }
  .raAuthScreen--register .raRegisterField input::placeholder,
  .raAuthScreen--login .raSharedAuthField input::placeholder{
    font-size:clamp(7px,1.4vw,9.5px)!important;
  }
}
@media(max-height:520px) and (orientation:landscape){
  .raAuthScreen--register .raAuthPane,
  .raAuthScreen--login .raAuthPane{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  .raAuthScreen--register .raPmiiBrand,
  .raAuthScreen--login .raPmiiBrand{
    margin-bottom:10px!important;
  }
  .raAuthScreen--register .raPmiiLogo,
  .raAuthScreen--login .raPmiiLogo{
    width:24px!important;
    height:24px!important;
  }
  .raAuthScreen--register .raPmiiBrand b,
  .raAuthScreen--login .raPmiiBrand b{
    font-size:8px!important;
  }
  .raAuthScreen--register .raRegisterTitle,
  .raAuthScreen--login .raSharedAuthTitle{
    margin-bottom:8px!important;
    font-size:22px!important;
  }
  .raAuthScreen--register .raRegisterField input,
  .raAuthScreen--login .raSharedAuthField input{
    height:32px!important;
    font-size:7.5px!important;
  }
  .raAuthScreen--register .raRegisterField input::placeholder,
  .raAuthScreen--login .raSharedAuthField input::placeholder{
    font-size:7.5px!important;
  }
}


/* 2026-10-02 — register field sizing fix v7
   Old high-specificity compact rules forced register inputs to 30px / 3px 2px.
   Keep Register field proportions identical to Login. */
.raAuthScreen--register .raAuthForm .raRegisterField input:not([type=checkbox]):not([type=radio]):not([type=range]){
  height:clamp(38px,6.2vh,44px)!important;
  margin:0!important;
  padding:0 clamp(14px,1.6vw,16px)!important;
  font-size:clamp(7.8px,1vw,10px)!important;
  line-height:1!important;
  font-weight:600!important;
}
.raAuthScreen--register .raAuthForm .raRegisterField input[type=password]{
  padding-right:clamp(36px,4.3vw,44px)!important;
}
@media(max-width:860px){
  .raAuthScreen--register .raAuthForm .raRegisterField input:not([type=checkbox]):not([type=radio]):not([type=range]){
    height:clamp(34px,5.8vh,40px)!important;
    padding-left:clamp(10px,2vw,14px)!important;
    padding-right:clamp(10px,2vw,14px)!important;
    font-size:clamp(7px,1.4vw,9.5px)!important;
  }
  .raAuthScreen--register .raAuthForm .raRegisterField input[type=password]{
    padding-right:clamp(36px,4.3vw,44px)!important;
  }
}
@media(max-height:520px) and (orientation:landscape){
  .raAuthScreen--register .raAuthForm .raRegisterField input:not([type=checkbox]):not([type=radio]):not([type=range]){
    height:32px!important;
    font-size:7.5px!important;
  }
}


/* 2026-10-02 — portrait auth photo-card + register spacing v8
   Portrait keeps the side-by-side composition, but the visual card no longer stretches
   through almost the full viewport height. */
@media (orientation:portrait) and (max-width:1100px){
  .raAuthScreen--login .raAuthVisual,
  .raAuthScreen--register .raAuthVisual{
    height:min(50dvh,520px)!important;
    min-height:0!important;
    max-height:50dvh!important;
    align-self:center!important;
    margin-top:auto!important;
    margin-bottom:auto!important;
  }

  .raAuthScreen--login .raAuthVisual:before,
  .raAuthScreen--register .raAuthVisual:before{
    background-size:cover!important;
    background-position:center!important;
  }

  /* Give the first register field more breathing room below "Buat Akun". */
  .raAuthScreen--register .raRegisterForm{
    margin-top:clamp(12px,2.4vh,20px)!important;
  }
}


/* 2026-10-02 — refined "Lengkapi Data" UI v9 */
body.raAuthMode:has(.raAuthDetails--refined){
  overflow:auto!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(243,195,22,.12),transparent 30%),
    radial-gradient(circle at 88% 88%,rgba(7,87,166,.11),transparent 30%),
    linear-gradient(135deg,#f4f7fb,#edf3f8 52%,#f8fafc)!important;
}
body.raAuthMode:has(.raAuthDetails--refined) .raAuthMain{
  width:100%!important;
  height:auto!important;
  min-height:100dvh!important;
  padding:clamp(14px,3vw,32px)!important;
  overflow:visible!important;
}

.raAuthDetails--refined{
  width:min(960px,100%)!important;
  max-height:none!important;
  margin:auto!important;
  padding:clamp(24px,4vw,42px)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:clamp(22px,3vw,30px)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 28px 80px rgba(27,43,66,.13),0 7px 24px rgba(27,43,66,.05)!important;
  overflow:visible!important;
}
.raAuthDetails--refined .raAuthDetailsHead{
  margin:0 0 clamp(26px,4vw,38px)!important;
  text-align:center;
}
.raAuthDetails--refined .raAuthDetailsHead>span{
  display:block;
  margin-bottom:7px;
  color:#0757a6;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.14em;
}
.raAuthDetails--refined .raAuthDetailsHead h1{
  margin:0 0 8px!important;
  color:#0757a6;
  font-size:clamp(30px,4vw,42px)!important;
  line-height:1;
  letter-spacing:-.05em;
  font-weight:920;
}
.raAuthDetails--refined .raAuthDetailsHead p{
  margin:0!important;
  color:#7c8795;
  font-size:12px;
  font-weight:650;
}

.raAuthDetails--refined .raDetailsPanel{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.raDetailsForm{
  display:grid;
  gap:0;
}
.raDetailsSection{
  display:block!important;
  padding:0 0 28px!important;
  margin:0 0 28px!important;
  border-bottom:1px solid #e9eef4;
}
.raDetailsSection:last-of-type{
  margin-bottom:0!important;
}
.raDetailsSectionHead{
  margin:0 0 16px;
}
.raDetailsSectionHead h2{
  margin:0 0 5px!important;
  color:#18263a!important;
  font-size:16px!important;
  line-height:1.2;
  letter-spacing:-.02em;
  font-weight:900;
}
.raDetailsSectionHead p{
  margin:0!important;
  color:#8a94a2!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}
.raDetailsGrid{
  gap:12px!important;
  margin:0!important;
}

/* Field title now lives INSIDE the field box. */
.raAuthDetails--refined .raDetailsField{
  position:relative;
  display:block!important;
  width:100%;
  min-width:0;
  margin:0 0 12px!important;
  padding:9px 13px 7px!important;
  border:1px solid #d8e0e9;
  border-radius:12px;
  background:#fff;
  color:#162033!important;
  box-shadow:0 2px 8px rgba(19,33,52,.025);
  transition:border-color .16s,box-shadow .16s,background .16s;
}
.raAuthDetails--refined .raDetailsGrid .raDetailsField{
  margin-bottom:0!important;
}
.raAuthDetails--refined .raDetailsField:focus-within{
  border-color:#8bb7df;
  box-shadow:0 0 0 3px rgba(7,87,166,.07);
}
.raAuthDetails--refined .raDetailsField>span{
  display:block;
  margin:0 0 2px;
  color:#7d8794;
  font-size:9px;
  line-height:1.15;
  font-weight:750;
  letter-spacing:.01em;
}
.raAuthDetails--refined .raDetailsField>input:not([type=hidden]),
.raAuthDetails--refined .raDetailsField>textarea,
.raAuthDetails--refined .raDetailsField>select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:3px 0 2px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:#172033!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
.raAuthDetails--refined .raDetailsField>input:not([type=hidden]){
  min-height:26px!important;
}
.raAuthDetails--refined .raDetailsField>textarea{
  min-height:76px!important;
  resize:vertical;
  line-height:1.5!important;
}
.raAuthDetails--refined .raDetailsField>select{
  min-height:30px!important;
  cursor:pointer;
}
.raAuthDetails--refined .raDetailsField input::placeholder,
.raAuthDetails--refined .raDetailsField textarea::placeholder{
  color:#a3acb8!important;
  opacity:1!important;
  font-weight:500!important;
}
.raAuthDetails--refined .raDetailsField--readonly{
  background:#f7f9fb!important;
}
.raAuthDetails--refined .raDetailsField--readonly>input{
  color:#596575!important;
}
.raAuthDetails--refined .raDetailsField--file>input[type=file]{
  padding-top:6px!important;
  color:#667281!important;
  font-size:11px!important;
  font-weight:600!important;
}
.raAuthDetails--refined .raDetailsField--file>input[type=file]::file-selector-button{
  margin:0 9px 0 0;
  padding:7px 10px;
  border:0;
  border-radius:8px;
  background:#eef5fc;
  color:#0757a6;
  font:inherit;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}

.raAuthDetails--refined .raBinaryChoice--details{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px!important;
  margin:0 0 12px!important;
}
.raAuthDetails--refined .raBinaryChoice--details label{
  margin:0!important;
}
.raAuthDetails--refined .raBinaryChoice--details span{
  width:100%;
  min-height:42px;
  border-radius:11px;
  font-size:11px;
  font-weight:850;
}
.raAuthDetails--refined [data-pmii-yes],
.raAuthDetails--refined [data-pmii-no],
.raAuthDetails--refined [data-rayon-own],
.raAuthDetails--refined [data-rayon-other]{
  margin-top:12px;
}
.raAuthDetails--refined .raDetailsSubmit{
  width:100%;
  min-height:48px;
  margin:4px 0 0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#0865bd,#0757a6)!important;
  box-shadow:0 10px 24px rgba(7,87,166,.17)!important;
  font-size:12px!important;
  font-weight:900!important;
}

@media(max-width:700px){
  body.raAuthMode:has(.raAuthDetails--refined) .raAuthMain{
    padding:10px!important;
  }
  .raAuthDetails--refined{
    padding:24px 16px 20px!important;
    border-radius:20px!important;
  }
  .raAuthDetails--refined .raAuthDetailsHead{
    margin-bottom:26px!important;
  }
  .raAuthDetails--refined .raAuthDetailsHead h1{
    font-size:31px!important;
  }
  .raDetailsSection{
    padding-bottom:22px!important;
    margin-bottom:22px!important;
  }
  .raDetailsGrid{
    gap:10px!important;
  }
  .raAuthDetails--refined .raDetailsField{
    margin-bottom:10px!important;
    padding:9px 11px 7px!important;
    border-radius:11px;
  }
  .raAuthDetails--refined .raDetailsField>input:not([type=hidden]),
  .raAuthDetails--refined .raDetailsField>textarea,
  .raAuthDetails--refined .raDetailsField>select{
    font-size:12.5px!important;
  }
}


/* 2026-10-02 — Lengkapi Data functional controls v10 */
.raAuthDetails--refined .raDetailsBlockGap{
  margin-top:14px!important;
}
.raAuthDetails--refined .raDetailsSectionHead + .raDetailsBlockGap{
  margin-top:0!important;
}
.raAuthDetails--refined .raDetailsGrid.raDetailsBlockGap{
  margin-top:14px!important;
}
.raAuthDetails--refined .raDetailsSectionHead + .raDetailsGrid.raDetailsBlockGap{
  margin-top:0!important;
}
.raAuthDetails--refined .raDetailsField select:disabled{
  color:#9aa5b1!important;
  cursor:not-allowed!important;
}

/* Photo profile: separate card, never attached to the name fields. */
.raProfilePhotoEditor{
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  align-items:center;
  gap:18px;
  width:100%;
  padding:14px;
  border:1px solid #d8e0e9;
  border-radius:14px;
  background:#fbfcfe;
}
.raProfilePhotoPreview{
  width:104px;
  height:104px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px dashed #c7d2de;
  border-radius:18px;
  background:#eef3f8;
  color:#8b96a3;
  text-align:center;
  font-size:9px;
  font-weight:750;
}
.raProfilePhotoPreview img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.raProfilePhotoBody{
  min-width:0;
}
.raProfilePhotoLabel{
  margin-bottom:9px;
  color:#172033;
  font-size:12px;
  font-weight:900;
}
.raProfilePhotoBody>small{
  display:block;
  margin-top:8px;
  color:#8a94a2;
  font-size:9px;
  line-height:1.4;
}
.raProfilePhotoActions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}
.raPhotoAction{
  appearance:none;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0 12px;
  border:1px solid #d6dee8;
  border-radius:9px;
  background:#fff;
  color:#344054;
  font:inherit;
  font-size:9.5px;
  font-weight:850;
  cursor:pointer;
  transition:border-color .16s,background .16s,color .16s,box-shadow .16s;
}
.raPhotoAction:hover:not(:disabled){
  border-color:#a9bfd7;
  background:#f8fbff;
}
.raPhotoAction--primary{
  border-color:#0757a6;
  background:#0757a6;
  color:#fff;
}
.raPhotoAction--primary:hover:not(:disabled){
  background:#064b91;
  color:#fff;
}
.raPhotoAction--danger{
  color:#a33b35;
}
.raPhotoAction:disabled{
  opacity:.4;
  cursor:not-allowed;
}

/* WhatsApp has a fixed Indonesian prefix and only the local mobile number is typed. */
.raPhoneInput{
  display:flex;
  align-items:center;
  min-height:30px;
  gap:8px;
}
.raPhoneInput>b{
  flex:0 0 auto;
  color:#0757a6;
  font-size:12px;
  font-weight:900;
}
.raAuthDetails--refined .raPhoneInput>input{
  width:100%!important;
  min-width:0!important;
  min-height:28px!important;
  margin:0!important;
  padding:2px 0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#172033!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:650!important;
}

/* Compact dual controls: RT/RW and house number. */
.raSplitNumber,
.raHouseNumber{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:34px;
}
.raSplitNumber i{
  color:#98a2b3;
  font-style:normal;
  font-weight:900;
}
.raAuthDetails--refined .raSplitNumber>input,
.raAuthDetails--refined .raHouseNumber>input{
  height:34px!important;
  margin:0!important;
  padding:0 9px!important;
  border:1px solid #e0e6ed!important;
  border-radius:8px!important;
  outline:0!important;
  background:#f9fbfd!important;
  color:#172033!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:12px!important;
  font-weight:750!important;
  text-align:center;
}
.raAuthDetails--refined .raSplitNumber>input{
  width:76px!important;
}
.raAuthDetails--refined .raHouseNumber>input:first-child{
  width:70px!important;
  text-transform:uppercase;
}
.raAuthDetails--refined .raHouseNumber>input:last-child{
  width:118px!important;
}
.raAuthDetails--refined .raSplitNumber>input:focus,
.raAuthDetails--refined .raHouseNumber>input:focus{
  border-color:#8bb7df!important;
  box-shadow:0 0 0 3px rgba(7,87,166,.06)!important;
  background:#fff!important;
}

/* Crop / reposition dialog. */
html.raPhotoCropOpen,
html.raPhotoCropOpen body{
  overflow:hidden!important;
}
.raPhotoCropModal[hidden]{display:none!important}
.raPhotoCropModal{
  position:fixed;
  z-index:5000;
  inset:0;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(11,22,36,.68);
  backdrop-filter:blur(8px);
}
.raPhotoCropDialog{
  width:min(430px,100%);
  padding:18px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:20px;
  background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.25);
}
.raPhotoCropHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
}
.raPhotoCropHead b{
  display:block;
  color:#172033;
  font-size:16px;
  line-height:1.15;
}
.raPhotoCropHead span{
  display:block;
  margin-top:4px;
  color:#7c8795;
  font-size:10px;
}
.raPhotoCropHead>button{
  width:32px;
  height:32px;
  border:0;
  border-radius:9px;
  background:#f1f4f7;
  color:#4d5968;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.raPhotoCropViewport{
  position:relative;
  width:min(100%,340px);
  aspect-ratio:1/1;
  margin:0 auto;
  overflow:hidden;
  border-radius:18px;
  background:#e9eef4;
  touch-action:none;
  cursor:grab;
}
.raPhotoCropViewport:active{cursor:grabbing}
.raPhotoCropViewport img{
  position:absolute;
  max-width:none!important;
  user-select:none;
  pointer-events:none;
}
.raPhotoZoom{
  display:grid!important;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:12px;
  margin:15px 0 0!important;
  color:#5f6b7a!important;
  font-size:10px!important;
}
.raPhotoZoom input{
  width:100%;
  margin:0!important;
}
.raPhotoCropActions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:14px;
}

/* Stronger mobile spacing so controls never visually merge. */
@media(max-width:700px){
  .raAuthDetails--refined .raDetailsBlockGap{
    margin-top:12px!important;
  }
  .raProfilePhotoEditor{
    grid-template-columns:84px minmax(0,1fr);
    gap:12px;
    padding:11px;
  }
  .raProfilePhotoPreview{
    width:84px;
    height:84px;
    border-radius:15px;
  }
  .raProfilePhotoActions{
    gap:5px;
  }
  .raPhotoAction{
    min-height:31px;
    padding:0 9px;
    font-size:8.5px;
  }
  .raAuthDetails--refined .raPhoneInput>input{
    font-size:12.5px!important;
  }
  .raAuthDetails--refined .raSplitNumber>input{
    width:66px!important;
  }
  .raAuthDetails--refined .raHouseNumber>input:first-child{
    width:62px!important;
  }
  .raAuthDetails--refined .raHouseNumber>input:last-child{
    width:104px!important;
  }
}
@media(max-width:420px){
  .raProfilePhotoEditor{
    grid-template-columns:1fr;
    align-items:start;
  }
  .raProfilePhotoPreview{
    width:92px;
    height:92px;
  }
}


/* 2026-10-02 — Lengkapi Data polish v11 */
.raAuthDetails--refined .raAuthDetailsHead h1{
  display:block!important;
  width:100%!important;
  text-align:center!important;
}
.raProfilePhotoPreview{
  border-style:solid!important;
  background:#eef4fb!important;
}
.raProfilePhotoPreview img{
  object-fit:cover!important;
}
.raAuthDetails--refined .raDetailsField input:disabled,
.raAuthDetails--refined .raDetailsField select:disabled{
  background:transparent!important;
  color:#a4adb8!important;
  cursor:not-allowed!important;
}


/* 2026-10-02 — Lengkapi Data landscape + crop interaction v12 */
.raAuthDetails--refined .raAuthDetailsHead{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.raAuthDetails--refined .raAuthDetailsHead h1{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
@media (orientation:landscape){
  .raAuthDetails--refined .raAuthDetailsHead,
  .raAuthDetails--refined .raAuthDetailsHead h1{
    text-align:center!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

.raProfilePhotoEditor.isRequiredError{
  border-color:#d85c52!important;
  box-shadow:0 0 0 3px rgba(216,92,82,.08)!important;
}
.raProfilePhotoBody .raPhotoRequiredError{
  margin-top:7px!important;
  color:#b42318!important;
  font-weight:800!important;
}
.raPhotoCropHead span{
  max-width:310px;
  line-height:1.45!important;
}
.raPhotoCropViewport{
  overscroll-behavior:contain;
}
.raPhotoCropActions{
  margin-top:16px!important;
}


/* 2026-10-02 — refined Radar profile v13 */
.raProfileSettings{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,350px);
  gap:24px;
  align-items:start;
}
.raProfileMainForm.raAuthDetails--refined{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.raProfileMainForm .raProfileFormHead{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.raProfileMainForm .raProfileFormHead h1{
  width:100%!important;
  text-align:center!important;
}
.raProfileSecurity{
  position:sticky;
  top:18px;
}
.raProfileSecurity h2{
  margin-top:0!important;
}
.raProfileSecurity .raPasswordField{
  margin-top:7px;
}
.raProfileSecurity .raButton{
  width:100%;
}
@media(max-width:980px){
  .raProfileSettings{
    grid-template-columns:1fr;
  }
  .raProfileSecurity{
    position:static;
  }
}
@media(orientation:landscape){
  .raProfileMainForm .raProfileFormHead,
  .raProfileMainForm .raProfileFormHead h1{
    text-align:center!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* 2026-10-02 — Esc drag CAPTCHA */
.raCaptchaDialogHead>div{display:flex;flex-direction:column;gap:2px}
.raCaptchaDialogHead small{color:#7a838e;font-size:9px;font-weight:650}
.raDragScene{
  aspect-ratio:800/485;
  background:#0757e8;
}
.raDragScene>.raDragSceneImage{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  pointer-events:none;
  user-select:none;
}
.raDropTarget{
  position:absolute;
  z-index:2;
  width:28.2%;
  height:39.5%;
  transform:translate(-50%,-50%);
  border-radius:18%;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045);
}
.raDragPiece{
  width:24.5%;
  height:auto;
  aspect-ratio:160/141;
  overflow:visible;
  clip-path:none;
  cursor:grab;
  touch-action:none;
  filter:drop-shadow(0 7px 8px rgba(0,0,0,.32));
  transition:left .28s cubic-bezier(.2,.8,.2,1),top .28s cubic-bezier(.2,.8,.2,1),filter .16s,transform .16s;
}
.raDragPiece.isDragging{
  cursor:grabbing;
  transform:scale(1.035);
  transition:none;
  filter:drop-shadow(0 10px 11px rgba(0,0,0,.38));
}
.raDragPiece.isCorrect{
  filter:drop-shadow(0 0 8px rgba(26,170,85,.7));
}
.raDragPieceImage{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:none!important;
  pointer-events:none;
  user-select:none;
}
.raCaptchaDragHint{margin-bottom:1px}
.raCaptchaReset{display:none!important}
@media(max-width:520px){
  .raDragPiece{width:24.5%;height:auto}
  .raDropTarget{width:28.2%;height:39.5%}
}

/* 2026-10-02 — auth visual revision v14 */

/* CAPTCHA: compact, neutral instruction and readable text. */
.raCaptchaDialog{
  background:rgba(255,255,255,.90)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  box-shadow:0 26px 80px rgba(13,31,54,.28)!important;
}
.raCaptchaDialogHead b{
  color:#132238!important;
  font-size:15px!important;
  font-weight:900!important;
}
.raCaptchaDragHint{
  color:#172b45!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:-.01em;
}
.raCaptchaDragHint.isWrong{color:#172b45!important}
.raCaptchaDragHint.isSuccess{color:#0b4f9c!important;font-weight:900!important}
.raDragPiece{
  aspect-ratio:var(--captcha-piece-aspect,160/141)!important;
}
.raVisualCaptcha[data-captcha-kind="coffee"] .raDragPiece{
  width:28%!important;
  aspect-ratio:var(--captcha-piece-aspect,110/90)!important;
}
.raVisualCaptcha[data-captcha-kind="coffee"] .raDropTarget{
  width:30%!important;
  height:39%!important;
  border-radius:50%!important;
}

/* Completed human-check mark: soft glass badge instead of the old square tick. */
.raRobotCheck.isVerified .raRobotBox{
  width:25px!important;
  height:25px!important;
  border:0!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,rgba(42,190,103,.96),rgba(13,139,76,.96))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(0,63,32,.14),
    0 4px 12px rgba(15,145,78,.22)!important;
  animation:raVerifiedPop .28s cubic-bezier(.2,.85,.3,1.25);
}
.raRobotCheck.isVerified .raRobotBox:before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:5px!important;
  width:6px!important;
  height:10px!important;
  border:solid #fff!important;
  border-width:0 2.2px 2.2px 0!important;
  transform:rotate(45deg)!important;
}
.raRobotCheck.isVerified .raRobotBox:after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border-radius:inherit!important;
  border:1px solid rgba(255,255,255,.28)!important;
}
.raRobotCheck.isVerified{
  border-color:rgba(23,160,87,.28)!important;
  background:rgba(248,255,251,.74)!important;
  box-shadow:0 6px 18px rgba(32,72,54,.07)!important;
}
@keyframes raVerifiedPop{
  0%{transform:scale(.72);opacity:.4}
  100%{transform:scale(1);opacity:1}
}

/* Optional labels are deliberately quiet so required fields remain visually dominant. */
.raOptionalTag{
  color:#8a94a2!important;
  font-size:.82em!important;
  font-weight:650!important;
  letter-spacing:0!important;
}

/* iOS-like glass treatment plus subtle shapes behind the auth card. */
body.raAuthMode{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 13% 18%,rgba(7,87,166,.13),transparent 29%),
    radial-gradient(circle at 86% 78%,rgba(244,190,29,.14),transparent 28%),
    linear-gradient(135deg,#edf5ff 0%,#f7f9fc 48%,#fff9e9 100%)!important;
}
body.raAuthMode:before,
body.raAuthMode:after{
  content:"";
  position:fixed;
  z-index:0;
  pointer-events:none;
  border-radius:42% 58% 64% 36% / 47% 38% 62% 53%;
  filter:blur(2px);
  opacity:.8;
}
body.raAuthMode:before{
  width:min(38vw,460px);
  height:min(38vw,460px);
  left:-10vw;
  top:8vh;
  background:linear-gradient(145deg,rgba(18,101,195,.22),rgba(80,156,233,.06));
  transform:rotate(18deg);
}
body.raAuthMode:after{
  width:min(33vw,390px);
  height:min(33vw,390px);
  right:-7vw;
  bottom:4vh;
  background:linear-gradient(145deg,rgba(255,206,48,.20),rgba(255,239,172,.08));
  transform:rotate(-24deg);
}
body.raAuthMode .raAuthMain{position:relative;z-index:1}
.raAuthScreen{
  border:1px solid rgba(255,255,255,.62)!important;
  background:rgba(255,255,255,.48)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%)!important;
  backdrop-filter:blur(22px) saturate(145%)!important;
  box-shadow:0 28px 75px rgba(20,45,76,.16)!important;
}
.raAuthPane{
  position:relative;
  background:rgba(255,255,255,.76)!important;
  -webkit-backdrop-filter:blur(28px) saturate(155%)!important;
  backdrop-filter:blur(28px) saturate(155%)!important;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.58);
}

/* Smaller eye button inside every auth/profile password field. */
.raPasswordField input{padding-right:34px!important}
.raPasswordEye.globalPasswordEyeToggle{
  right:3px!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
}
.raPasswordEye.globalPasswordEyeToggle::before{
  inset:8px 6px!important;
}

/* Mobile: photo and white/glass card share almost the same edges, with only a small gap. */
@media(max-width:860px){
  body.raAuthMode .raAuthMain{
    padding:6px!important;
  }
  .raAuthScreen--login,
  .raAuthScreen--register{
    width:100%!important;
    min-height:calc(100dvh - 12px)!important;
    border:0!important;
    border-radius:24px!important;
    overflow:visible!important;
    background:rgba(255,255,255,.18)!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .raAuthScreen--login .raAuthVisual,
  .raAuthScreen--register .raAuthVisual{
    width:auto!important;
    height:190px!important;
    margin:5px 5px 0!important;
    border-radius:21px!important;
    overflow:hidden!important;
    box-shadow:0 14px 30px rgba(14,43,76,.13)!important;
  }
  .raAuthScreen--login .raAuthPane,
  .raAuthScreen--register .raAuthPane{
    width:auto!important;
    margin:4px 5px 5px!important;
    padding:25px 20px 22px!important;
    border:1px solid rgba(255,255,255,.70)!important;
    border-radius:21px!important;
    background:rgba(255,255,255,.86)!important;
    -webkit-backdrop-filter:blur(28px) saturate(160%)!important;
    backdrop-filter:blur(28px) saturate(160%)!important;
    box-shadow:0 16px 38px rgba(18,44,72,.13)!important;
  }
  .raAuthScreen--login .raPmiiBrand,
  .raAuthScreen--register .raPmiiBrand{
    margin-bottom:14px!important;
  }
}
@media(max-width:480px){
  .raAuthScreen--login .raAuthVisual,
  .raAuthScreen--register .raAuthVisual{
    height:164px!important;
    margin:4px 4px 0!important;
  }
  .raAuthScreen--login .raAuthPane,
  .raAuthScreen--register .raAuthPane{
    margin:4px 4px 4px!important;
    padding:22px 17px 20px!important;
  }
}


/* Context-aware account settings v3.4 */
body.raProfileContext{min-height:100vh}
body.raProfileContext-pengurus{background:#f3f7fb}
body.raProfileContext-kader{background:linear-gradient(180deg,#f6f9fd 0%,#eef5fb 100%)}
.raAccountContextHeader{position:sticky;top:0;z-index:120;border-bottom:1px solid rgba(12,64,112,.10);background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.raAccountContextHeader--pengurus{box-shadow:0 8px 28px rgba(8,52,96,.06)}
.raAccountContextHeader--kader{box-shadow:0 8px 28px rgba(28,73,112,.05)}
.raAccountContextBar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.raAccountContextBrand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#17324d}
.raAccountContextBrand img{width:40px;height:40px;object-fit:contain}
.raAccountContextBrand span{display:grid;gap:2px}
.raAccountContextBrand b{font-size:13px;letter-spacing:-.01em}
.raAccountContextBrand small{font-size:9px;color:#73879b}
.raAccountContextBar nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.raAccountContextBar nav a{padding:9px 11px;border-radius:10px;text-decoration:none;color:#50677e;font-size:10.5px;font-weight:800}
.raAccountContextBar nav a:hover{background:rgba(13,83,145,.07);color:#0e5d9f}
.raAccountContextMain{padding-top:30px!important;padding-bottom:50px!important}
.raProfileContext-pengurus .raProfileIntro h1,.raProfileContext-pengurus .raAuthDetailsHead h1{color:#0c4f8c}
.raProfileContext-kader .raProfileIntro h1,.raProfileContext-kader .raAuthDetailsHead h1{color:#174f79}
.raProfileContext-pengurus .raProfileSettings>.raPanel,.raProfileContext-kader .raProfileSettings>.raPanel{border-color:rgba(31,89,139,.12);box-shadow:0 18px 50px rgba(29,72,110,.07)}
.raProfilePhotoOfficial{display:grid;gap:5px;padding:11px 12px;border-radius:12px;background:rgba(15,84,145,.07);border:1px solid rgba(15,84,145,.12)}
.raProfilePhotoOfficial b{font-size:10.5px;color:#174f79}
.raProfilePhotoOfficial small{font-size:9.5px;line-height:1.5;color:#667d92}
@media(max-width:720px){
  .raAccountContextBar{min-height:64px;padding-top:8px;padding-bottom:8px}
  .raAccountContextBrand small{display:none}
  .raAccountContextBar nav a{padding:8px 7px;font-size:9px}
  .raAccountContextMain{padding-top:18px!important}
}


/* v3.6 — undangan akun pengurus */
.raPengurusInviteNotice{
  display:grid;
  gap:3px;
  margin:10px 0 16px;
  padding:12px 14px;
  border:1px solid #cfe0ef;
  border-radius:12px;
  background:#f4f9fd;
  color:#173b5f;
}
.raPengurusInviteNotice span{
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.08em;
  color:#0b5ca8;
}
.raPengurusInviteNotice b{
  font-size:14px;
  line-height:1.3;
}
.raPengurusInviteNotice small{
  color:#64788b;
  line-height:1.4;
}
.raPengurusIdentityCard{
  display:grid;
  gap:4px;
  padding:14px 16px;
  border:1px solid #cfe0ef;
  border-radius:14px;
  background:#f6fafe;
}
.raPengurusIdentityCard>span{
  width:max-content;
  padding:3px 7px;
  border-radius:999px;
  background:#e6f2fb;
  color:#0b5ca8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.raPengurusIdentityCard b{font-size:16px;color:#173b5f}
.raPengurusIdentityCard small{color:#617689}
.raPengurusIdentityCard p{
  margin:6px 0 0;
  font-size:11.5px;
  line-height:1.55;
  color:#66798a;
}

html[data-theme="dark"] .raPengurusInviteNotice,
html[data-theme="dark"] .raPengurusIdentityCard{
  background:#182530;
  border-color:#334b5e;
  color:#e6eef6;
}
html[data-theme="dark"] .raPengurusInviteNotice b,
html[data-theme="dark"] .raPengurusIdentityCard b{color:#eef5fb}
html[data-theme="dark"] .raPengurusInviteNotice small,
html[data-theme="dark"] .raPengurusIdentityCard small,
html[data-theme="dark"] .raPengurusIdentityCard p{color:#aebdca}


/* v3.7 — konfirmasi undangan pengurus */
.raAuthScreen--invite-confirm .raAuthPane{
  align-content:center;
}
.raInviteEyebrow{
  display:block;
  margin-bottom:8px;
  color:#0b5ca8;
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}
.raInviteLead{
  margin:0 0 16px;
  color:#65798c;
  line-height:1.55;
}
.raInviteIdentity{
  display:flex;
  align-items:center;
  gap:12px;
  margin:4px 0 12px;
  padding:14px;
  border:1px solid #cfe0ef;
  border-radius:14px;
  background:#f5fafe;
}
.raInviteIdentity>span{
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:#e5f1fa;
  color:#0b5ca8;
  font-weight:900;
}
.raInviteIdentity b{
  display:block;
  color:#183b5d;
  font-size:16px;
}
.raInviteIdentity small{
  display:block;
  margin-top:3px;
  color:#667b8e;
}
.raInviteWarning{
  margin:0 0 16px;
  padding:10px 12px;
  border-left:3px solid #d6a400;
  background:#fff9df;
  color:#6f5a00;
  font-size:12px;
  line-height:1.55;
}
.raInviteDecision{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.raInviteDecision form{margin:0}
.raInviteDecision button{width:100%}

html[data-theme="dark"] .raInviteIdentity{
  background:#182530;
  border-color:#334b5e;
}
html[data-theme="dark"] .raInviteIdentity>span{background:#173550;color:#d8edff}
html[data-theme="dark"] .raInviteIdentity b{color:#edf5fb}
html[data-theme="dark"] .raInviteIdentity small,
html[data-theme="dark"] .raInviteLead{color:#aebdca}
html[data-theme="dark"] .raInviteWarning{
  background:#2c2717;
  border-left-color:#d5ad2b;
  color:#e6d896;
}

@media(max-width:560px){
  .raInviteDecision{grid-template-columns:1fr}
}

/* CAPTCHA kursi | 2026-10-10. Gunakan visual dan microcopy CAPTCHA keyboard yang sama. */
.raVisualCaptcha[data-captcha-kind="chair"] .raDragPiece{
  width:22.5%!important;
  aspect-ratio:2/3!important;
}
.raVisualCaptcha[data-captcha-kind="chair"] .raDropTarget{
  width:23%;
  height:57%;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
.raVisualCaptcha[data-captcha-kind="chair"] .raDragPieceImage{
  object-fit:contain;
  image-rendering:auto;
}

/* 2026-10-10 — CAPTCHA ketiga: cangkir kopi kuning, cawan kuning, latar biru tua. */
.raVisualCaptcha[data-captcha-kind="coffee"] .raDragScene{
  background:#07378c;
}
.raVisualCaptcha[data-captcha-kind="coffee"] .raDragPiece{
  width:29.5%!important;
  aspect-ratio:260/236!important;
  height:auto!important;
  clip-path:none!important;
  overflow:visible!important;
}
.raVisualCaptcha[data-captcha-kind="coffee"] .raDragPieceImage{
  object-fit:contain!important;
  image-rendering:auto;
}
.raVisualCaptcha[data-captcha-kind="coffee"] .raDropTarget{
  width:33%!important;
  height:54%!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* 2026-10-10 — Pilihan UI 1: hanya ikon verifikasi berhasil.
   Diterapkan global untuk semua "Saya bukan robot" (masuk, daftar, lupa sandi).
   Ukuran panel, teks, checkbox sebelum verifikasi, dan logika CAPTCHA tetap. */
.raVisualCaptcha .raRobotCheck.isVerified .raRobotBox{
  position:relative!important;
  display:block!important;
  width:25px!important;
  height:25px!important;
  border:0!important;
  border-radius:50%!important;
  background:#f7cf28!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.45),0 3px 9px rgba(210,166,12,.19)!important;
}
.raVisualCaptcha .raRobotCheck.isVerified .raRobotBox::before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:4px!important;
  width:7px!important;
  height:12px!important;
  border:solid #112f5f!important;
  border-width:0 3px 3px 0!important;
  border-radius:0!important;
  transform:rotate(45deg)!important;
}
.raVisualCaptcha .raRobotCheck.isVerified .raRobotBox::after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:50%!important;
}
/* Warna netral panel dipertahankan agar satu-satunya aksen keberhasilan adalah ikon kuning. */
.raVisualCaptcha .raRobotCheck.isVerified{
  border-color:#d8dee6!important;
  background:#f5f7fb!important;
  box-shadow:none!important;
}

/* Revisi RPIA 2026-11-01: formulir akun */
.raRegisterConsent a,.raLoginConsent a,.raOtpResendLink{text-decoration:none!important;text-underline-offset:0!important}
.rpiaStepperList .rpiaStepperItem{min-width:0}
.rpiaStepperLabel{display:block;max-width:100%;white-space:nowrap!important;overflow:hidden;text-overflow:clip;line-height:1.35}
@media (max-width:760px){.rpiaStepperLabel{font-size:clamp(9px,1.7vw,12px)!important}}
.raBinaryChoice--details{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:10px!important}
.raBinaryChoice--details .rpiaMembershipOption{margin:0!important;box-shadow:none!important}
.raAuthMode .raLoginConsent{margin-top:12px;text-align:center;font-size:12px;line-height:1.5}
.aqBirthNative{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.aqBirthCalendar{z-index:3!important;overflow:hidden!important;isolation:isolate}
.aqBirthCalendar *{pointer-events:none!important}

/* 2026-11-01 — Persetujuan login dan daftar akun diseragamkan. */
.raAuthScreen--login .raLoginConsent,
.raAuthScreen--register .raRegisterConsent{
  display:block!important;
  width:100%!important;
  max-width:330px!important;
  margin:1px auto 0!important;
  padding:0!important;
  color:#98a1ad!important;
  text-align:center!important;
  font-size:8px!important;
  line-height:1.45!important;
  font-weight:550!important;
}
.raAuthScreen--login .raLoginConsent a,
.raAuthScreen--register .raRegisterConsent a{
  color:#66717e!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  font-weight:750!important;
}
.raAuthScreen--login .raSharedAuthForm .raAuthSubmit,
.raAuthScreen--register .raRegisterForm .raAuthSubmit{
  margin-bottom:0!important;
}