.password-container{width:300px;margin:20px auto;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.password-container h4{color:#000;width:100%}.password-container input{width:100%;padding:10px;font-size:16px;margin-bottom:10px;box-sizing:border-box;position:relative}.password-container img{width:32px;height:32px}#strengthBar{height:5px;width:100%;background-color:#ddd;border-radius:5px;overflow:hidden;margin-top:5px;margin-bottom:10px}#strengthBar>div{height:100%;width:0%;transition:width .3s}#rules{text-align:left;font-size:14px}#rules li{margin-bottom:5px}.met{color:#008000}.not-met{color:#f00}