body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.password-input{padding:10px;width:300px;border:1px solid #ccc;border-radius:5px;transition:border-color .3s}.password-input:hover{border-color:#007bff}.password-input:focus{outline:none;box-shadow:0 0 5px #007bff80}.strength-display{margin-top:10px;font-weight:700}img{margin-top:20px;width:200px;height:150px;border-radius:10px;box-shadow:0 0 10px #0000001a}.weak{color:red}.medium{color:orange}.strong{color:green}