/* ==== /css/pages/join.css ==== */
.input__value__box .btn__wr.cord__btn input{width:calc(100% - 130px);}
.input__value__box .btn__wr .btn{width:122px;}
.join__contents__wr .inner__box:after{height:90%;}
.pw__wr{position:relative;}
.pw__wr button{position:absolute; top:50%; transform:translateY(-50%); right:16px; border: 0; background: transparent;}
.eye-btn img { display: none; }
.eye-btn .eye-off { display: block; }
.eye-btn.active .eye-off { display: none; }
.eye-btn.active .eye-on { display: block; }
.error__msg{display:none; color:var(--c-danger-dark); background:var(--c-danger-light); padding:var(--sp-3); border-radius:var(--r-lg); margin-bottom:var(--sp-4); text-align:center;}
.success__msg{color:var(--c-success-dark); background:var(--c-success-light); padding:var(--sp-3); border-radius:var(--r-lg); margin-bottom:var(--sp-4); text-align:center;}
.email__status{font-size:var(--fs-base); margin-top:4px;}
.email__status.available{color:var(--c-success-dark);}
.email__status.unavailable{color:var(--c-danger-dark);}
.verify__status{font-size:var(--fs-base); margin-top:4px;}
.verify__status.success{color:var(--c-success-dark);}
.verify__status.error{color:var(--c-danger-dark);}
.auth__submit{width:100%; border:none; font-family:inherit; cursor:pointer;}
.auth__inline-btn{border:none; font-family:inherit; cursor:pointer;}
.field__hint{display:block; font-weight:var(--fw-regular); font-size:var(--fs-md);}
.policy__link{color:var(--c-primary-dark); text-decoration:underline;}
.phone__wr{gap:8px;}
.country__select{width:160px; height:var(--h-control); padding:0 12px; border:1px solid var(--c-border-strong); border-radius:var(--r-lg); font-size:var(--fs-md); background:var(--c-surface); cursor:pointer; color:var(--c-text-body);}
.phone__wr input{flex:1;}
.password-strength{margin-top:8px;}
.strength-bar{width:100%; height:6px; background:var(--c-track); border-radius:var(--r-sm); overflow:hidden;}
.strength-fill{height:100%; width:0; transition:width 0.3s ease, background-color 0.3s ease; border-radius:var(--r-sm);}
.strength-text{display:block; font-size:var(--fs-base); margin-top:4px; font-weight:500;}
.strength-weak .strength-fill{width:25%; background:#E74C3C;}
.strength-weak .strength-text{color:#E74C3C;}
.strength-fair .strength-fill{width:50%; background:#F39C12;}
.strength-fair .strength-text{color:var(--c-warning);}
.strength-good .strength-fill{width:75%; background:#F1C40F;}
.strength-good .strength-text{color:#D4AC0D;}
.strength-strong .strength-fill{width:100%; background:#27AE60;}
.strength-strong .strength-text{color:var(--c-success);}