input[type="password"] {
            width: 100%;
            border-radius: 8px;
            font-size: 16px;
            outline: none;
            transition: border-color 0.3s;
        }

        input[type="password"]:focus {
            border-color: #3498db;
        }

        #requirementsList {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        #requirementsList li {
            display: flex;
            align-items: center;
            /* padding: 10px;
            margin-bottom: 8px;
            border-radius: 6px; */
            /* background-color: #f9f9f9; */
            /* border: 1px solid #e0e0e0; */
            transition: background-color 0.3s, border-color 0.3s;
        }

        #requirementsList li.valid {
            /* background-color: #dff0d8;
            border-color: #d6e9c6; */
            color: #00ff62;
        }

        #requirementsList li.invalid {
            /* background-color: #ff0000;
            border-color: #ebccd1; */
            color: var(--gray);
        }

        #requirementsList li .checkbox-icon {
            width: 10px;
            height: 10px;
            margin-right: 10px;
            border: 2px solid #ddd;
            border-radius: 15px;
            position: relative;
            transition: border-color 0.3s;
        }

        #requirementsList li.valid .checkbox-icon {
            border-color: #4caf50;
        }

        #requirementsList li.valid .checkbox-icon::after {
            content: '✔';
            position: absolute;
            top: -8px;
            left: 50%;
            transform: translate(-50%, 0);
            color: #4caf50;
        }

        .submit-button {
            /* width: 100%; */
            padding: 15px;
            font-size: 16px;
            font-weight: bold;
            color: rgb(255, 255, 255);
            background-color:#0CD180;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            transition: background-color 0.3s;
        
        }

        .submit-button:disabled {
            background-color: #bbb;
            cursor: not-allowed;
        }

        .submit-button:not(:disabled):hover {
            background: linear-gradient(180deg, #01d676 0, #007e45 100%);
        }