.accountsettings{position:relative;max-width:36em;margin:2rem auto;padding:2rem;background:rgba(255,255,255,.1);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.accountsettings__title{text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.accountsettings__error{color:#d33;text-align:center;margin-bottom:.5rem}.accountsettings__message{color:#2a7;text-align:center;margin-bottom:.5rem}.accountsettings__form{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative}.accountsettings__field{width:100%;display:flex;align-items:center;flex-direction:row}.accountsettings__field label{width:50%;font-size:.9rem;margin-bottom:.25rem;margin-right:.25rem;text-align:right;align-self:center;color:#fff}.accountsettings__field input,.accountsettings__field select{border:1px solid white;border-radius:5px;width:50%;text-align:left;background:transparent;padding:.5rem;font-size:1rem;transition:border-color .2s;color:#fff}.accountsettings__field input:focus,.accountsettings__field select:focus{outline:none;border-bottom:1px solid #888}.accountsettings__field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2rem}.accountsettings__update{width:100%;text-align:right}.accountsettings__update button:disabled{opacity:.6;cursor:default}.accountsettings__notice{text-align:center;padding:1rem;color:#666}.auth-form{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem;margin:0 auto;background-color:rgba(0,0,100,.7);border-radius:1em;padding:1em;width:36em}.required{color:#7ff}.address,.register-form{display:flex;flex-direction:column}.auth-input{background:none;padding:.3rem;border:1px solid #ccc;border-radius:.25rem;font-size:1rem;width:8em}.input{display:flex;align-items:center;width:50%}.input input,.input label,.input select{padding:6px 5px;width:50%}.input select{margin-left:-5px}.input option{color:navy}.input option,.input select{background-color:none}.input label{text-align:right;margin-right:.5em}h2{text-align:center}.auth-button{background-color:none;color:#fff;cursor:pointer;border:1px solid #fff;border-radius:.25rem;font-weight:400;transition:all .3s}.auth-button:hover{background-color:#001c58}.auth-error{color:#920000}.auth-error,.auth-switch,.auth-switch-btn{font-size:.875rem}.auth-switch-btn{color:#3b82f6;text-decoration:underline;background:none;border:none;cursor:pointer;padding:0;margin-left:.5em}button{background:none;color:white}.password-strength{text-align:left;width:calc(50%);margin-top:.25rem;font-size:.85rem;font-weight:600}.password-strength.weak{color:#d33}.password-strength.medium{color:#e6a700}.password-strength.strong{color:#2a7}.password-hints{text-wrap-mode:nowrap;text-align:right;margin:.25rem 0 0;padding-left:1rem;font-size:.8rem;color:#aaa}.password-hints li{list-style:none}.password-hints li:after{content:" ❌";color:#d33}.password-hints li.valid{color:#2a7}.password-hints li.valid:after{content:" ✅"}.password-strengths{display:flex}.forgot-btn,.register-btn{color:white}