#authme-register-screen .authme-input-group{margin-bottom:20px} #authme-register-screen .authme-input{width:100%; border:1.5px solid var(--authme-border-default); border-radius:10px; font-size:15px; color:var(--authme-text); background-color:var(--authme-white); font-family:var(--authme-font); transition:all 0.2s ease} #authme-register-screen .authme-input:focus{outline:none; border-color:var(--authme-primary); box-shadow:0 0 0 4px var(--authme-light-red-bg)} #authme-register-screen .authme-input::placeholder{color:var(--authme-grey-light-text)} #authme-register-screen .authme-input.authme-input-success{border-color:var(--authme-success)} #authme-register-screen .authme-input.authme-input-success:focus{box-shadow:0 0 0 4px var(--authme-light-green-bg)} #authme-register-screen .authme-input.authme-input-error{border-color:var(--authme-error)} #authme-register-screen .authme-input.authme-input-error:focus{box-shadow:0 0 0 4px var(--authme-light-red-bg)} #authme-register-screen .authme-field-msg{display:none; font-size:12px; margin-top:6px; line-height:1.3} #authme-register-screen .authme-field-msg.authme-msg-success{display:block; color:var(--authme-success)} #authme-register-screen .authme-field-msg.authme-msg-error{display:block; color:var(--authme-error)} #authme-register-screen .authme-password-wrapper{position:relative; display:flex; align-items:center} #authme-register-screen .authme-password-wrapper .authme-input{padding-right:44px} #authme-register-screen .authme-toggle-password{position:absolute; right:12px; background:none; border:none; color:var(--authme-grey-light-text); cursor:pointer; padding:0; display:flex; align-items:center; justify-content:center; transition:color 0.2s ease} #authme-register-screen .authme-toggle-password:hover{color:var(--authme-primary)} #authme-register-screen .authme-mobile-wrapper{display:flex; gap:8px; align-items:stretch} #authme-register-screen .authme-country-select{width:90px; min-width:90px; height:45px; padding:14px 8px; border:1.5px solid var(--authme-border-default); border-radius:10px; font-size:14px; color:var(--authme-text); background-color:var(--authme-white); font-family:var(--authme-font); cursor:pointer; transition:all 0.2s ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; -webkit-appearance:menulist; -moz-appearance:menulist; appearance:auto} #authme-register-screen .authme-country-select:focus{outline:none; border-color:var(--authme-primary); box-shadow:0 0 0 4px var(--authme-light-red-bg)} #authme-register-screen .authme-mobile-input{flex:1; min-width:0} #authme-register-screen .authme-password-strength{margin-top:8px; height:4px; border-radius:4px; background-color:var(--authme-border-default); overflow:hidden; transition:all 0.3s ease} #authme-register-screen .authme-password-strength .authme-strength-bar{height:100%; border-radius:4px; transition:width 0.3s ease,background-color 0.3s ease; width:0%} #authme-register-screen .authme-password-strength .authme-strength-bar.authme-strength-weak{width:25%; background-color:var(--authme-error)} #authme-register-screen .authme-password-strength .authme-strength-bar.authme-strength-fair{width:50%; background-color:var(--authme-warning)} #authme-register-screen .authme-password-strength .authme-strength-bar.authme-strength-good{width:75%; background-color:var(--authme-accent)} #authme-register-screen .authme-password-strength .authme-strength-bar.authme-strength-strong{width:100%; background-color:var(--authme-success)} #authme-register-screen .authme-remember-me{display:flex; align-items:center; gap:8px; margin-bottom:24px} #authme-register-screen .authme-remember-me input[type="checkbox"]{width:16px; height:16px; accent-color:var(--authme-primary); cursor:pointer; border-radius:4px} #authme-register-screen .authme-remember-me label{font-size:13.5px; color:var(--authme-grey-light-text); cursor:pointer; user-select:none} #authme-register-screen .authme-btn-primary{width:100%; padding:14px; background-color:var(--authme-primary); color:var(--authme-white); border:none; border-radius:10px; font-size:15px; font-weight:600; font-family:var(--authme-font); cursor:pointer; transition:all 0.2s ease; margin-top:8px} #authme-register-screen .authme-btn-primary:hover:not(:disabled){opacity:0.9; transform:translateY(-1px); box-shadow:var(--authme-card-shadow)} #authme-register-screen .authme-btn-primary:active:not(:disabled){transform:translateY(0); box-shadow:none} #authme-register-screen .authme-btn-primary:disabled{opacity:0.5; cursor:not-allowed} #authme-register-screen .authme-btn-cw-google{display:flex; flex-direction:row; align-items:center; justify-content:center; flex-wrap:nowrap; gap:1rem; text-transform:capitalize !important; font-weight:400 !important} #authme-register-screen #authme-cw-google-icon{width:20px; height:20px} @media (max-width:480px){#authme-register-screen .authme-input-group{margin-bottom:16px} #authme-register-screen .authme-input{font-size:14px} #authme-register-screen .authme-btn-primary{padding:12px; font-size:14px} #authme-register-screen .authme-mobile-wrapper{gap:8px} #authme-register-screen .authme-country-select{min-width:unset; font-size:14px; padding:12px 10px} #authme-register-screen .authme-mobile-input{width:100%} #authme-register-screen .authme-remember-me{margin-bottom:18px}} @media (max-width:360px){#authme-register-screen .authme-input{padding:10px 12px; font-size:13px} #authme-register-screen .authme-country-select{font-size:13px; padding:10px 8px} #authme-register-screen .authme-btn-primary{padding:11px; font-size:13px} #authme-register-screen .authme-field-msg{font-size:11px} #authme-register-screen .authme-remember-me label{font-size:12.5px}}