.btn,.eye-icon{cursor:pointer}.alert-message,.container{box-shadow:0 4px 8px rgba(0,0,0,.1)}body{font-family:Arial,sans-serif;background:linear-gradient(to right,#1e3c72,#2a5298);margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100vh}.container{max-width:400px;padding:20px;background-color:#fff;border-radius:10px}.btn,.form-control{padding:10px;width:100%}.form-control{background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-bottom:10px}.form-control::-webkit-inner-spin-button,.form-control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-control:focus{outline:0;border-color:#0077b6}.btn{background-color:#00b640;color:#fff;border:none;border-radius:5px}.btn:hover{background-color:#007a4f}.input-container{position:relative;display:flex;align-items:center}.eye-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%)}#check-icon{margin-left:10px}.alert-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#f8d7da;color:#721c24;padding:10px 20px;border-radius:5px;z-index:1000}.alert-message.success{background-color:#d4edda;color:#155724}.custom-icon{font-size:2em;transition:color .3s}.custom-icon:hover{color:#0077b6}
button,p{font-size:16px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:8px;text-align:center;width:90%;max-width:400px;box-shadow:0 4px 10px rgba(0,0,0,.2)}h2{margin-bottom:10px}button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;margin-top:15px}button:hover{background-color:#45a049}@media (max-width:600px){.modal-content{width:100%;max-width:none}}