e="email" autocomplete="username" inputmode="email" placeholder="contato@exemplo.com.br" required>
                </div>

                <div class="field">
                    <label class="field__label" for="password">Senha</label>
                    <div class="field__password">
                        <input class="field__input field__input--with-button" type="password" id="password" name="password" autocomplete="current-password" placeholder="Digite sua senha" required>
                        <button class="icon-button" type="button" data-toggle-password aria-label="Mostrar senha" aria-pressed="false">
                            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                                <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z" stroke="currentColor" stroke-width="2"/>
                                <path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" stroke="currentColor" stroke-width="2"/>
                            </svg>
                        </button>
                    </div>
                </div>

                <div class="auth__row">
                    <label class="check">
                        <input class="check__input" type="checkbox" name="remember" value="1" data-remember>
                        <span class="check__box" aria-hidden="true"></span>
                        <span class="check__label">Salvar Acesso</span>
                    </label>
                </div>

                <button class="btn" type="submit">Entrar no Sistema</button>

                <div class="auth__footer">
                    <button class="link link--button" type="button" data-open-forgot aria-haspopup="dialog" aria-controls="forgotModal">Esqueceu sua Senha?</button>
                </div>
            </form>
        </section>
    </main>

    <div class="modal" id="forgotModal" role="dialog" aria-modal="true" aria-labelledby="forgotTitle" aria-describedby="forgotDesc" hidden>
        <div class="modal__backdrop" data-close-forgot></div>
        <div class="modal__panel" role="document">
            <div class="modal__header">
                <h2 class="modal__title" id="forgotTitle">Recuperar senha</h2>
            </div>
            <p class="modal__desc" id="forgotDesc">Informe seu e-mail para receber as instruções de recuperação.</p>

            <form class="modal__form" method="post" action="#" novalidate>
                <div class="field">
                    <label class="field__label" for="forgotEmail">E-mail</label>
                    <input class="field__input" type="email" id="forgotEmail" name="forgot_email" autocomplete="email" inputmode="email" placeholder="contato@exemplo.com.br" required>
                </div>
                <button class="btn" type="submit">Enviar</button>
            </form>
        </div>
    </div>

    <script src="assets/login.js" defer></script>
</body>
</html>