OmegaML56/authnest-secure-user-sanctuary

1class AuthForms extends HTMLElement {2    connectedCallback() {3        this.attachShadow({ mode: 'open' });4        this.shadowRoot.innerHTML = `5            <style>6                :host {7                    display: block;8                }9                10                .auth-form {11                    transition: all 0.3s ease;12                }13                14                .form-input {15                    transition: border-color 0.3s ease;16                }17                18                .form-input:focus {19                    border-color: #6366f1;20                    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);21                }22                23                .btn-primary {24                    background-color: #6366f1;25                    transition: all 0.3s ease;26                }27                28                .btn-primary:hover {29                    background-color: #4f46e5;30                }31                32                .auth-toggle {33                    color: #6366f1;34                    cursor: pointer;35                    transition: all 0.3s ease;36                }37                38                .auth-toggle:hover {39                    text-decoration: underline;40                }41            </style>42        `;43    }44}45 46customElements.define('auth-forms', AuthForms);