            <p class="signup-link">Already have an account? <a href="login.html">Login</a></p>

            </form>
        </div>
    </div>

    <script>
        // Toggle password visibility function
        function togglePasswordVisibility(id) {
            const passwordField = document.getElementById(id);
            const icon = passwordField.nextElementSibling.querySelector('i');
            if (passwordField.type === 'password') {
                passwordField.type = 'text';
                icon.c